Javascript Vue v-bind条件本地文件
我有这样一个代码:Javascript Vue v-bind条件本地文件,javascript,html,vue.js,vuejs2,Javascript,Html,Vue.js,Vuejs2,我有这样一个代码: 但那个目录访问链接呈现得就像一个字符串 尽管它与直接链接一起工作,如https://website.com/imageName.png 有没有办法让它像目录调用一样呈现?这样使用它就可以工作了: 通过如下方式使用它来实现: 或者,如果您使用的是像webpack这样的捆绑包,您可以这样做 import logo from './assets/logo.png' <img v-bind:src="user.photoUrl ? user.photoUrl :
但那个目录访问链接呈现得就像一个字符串
尽管它与直接链接一起工作,如https://website.com/imageName.png
有没有办法让它像目录调用一样呈现?这样使用它就可以工作了:
通过如下方式使用它来实现:
或者,如果您使用的是像webpack这样的捆绑包,您可以这样做
import logo from './assets/logo.png'
<img v-bind:src="user.photoUrl ? user.photoUrl : {logo}">
从“./assets/logo.png”导入徽标
或者,如果您使用的是像webpack这样的捆绑包,您可以这样做
import logo from './assets/logo.png'
<img v-bind:src="user.photoUrl ? user.photoUrl : {logo}">
从“./assets/logo.png”导入徽标
请分享任何关于此的实时演示?@C2486我想,但我的网站运行在本地服务器上,我正在尝试访问本地目录,而且它与direct Links一起工作。我猜您可以直接在代码服务器中创建此链接的条件,witch意味着你可以在服务器端用user.photoUrl进行测试,如果它是空的,那么就放logo.png,否则就放原始链接。请分享任何关于这个的实时演示?@C2486我想,但我的网站运行在本地服务器上,我也在尝试访问本地目录,它与直接链接一起工作我想你可以直接在你的代码服务器中创建这个链接的条件,这意味着你可以在服务器端用user.photoUrl进行测试,如果它是空的,那么就放logo.png,否则就放原始链接。