我的Vue里有这个.js模板:
<img src="/media/avatars/{{joke.avatar}}" alt="">
它在一个循环中呈现Jest .其他字段渲染良好,但对于图像,我在控制台中遇到以下错误:
- src="/media/avatars/{{joke.avatar}}":属性内部的插值已被删除.使用v-bind或冒号缩写
我也使用了v-bind:src="...
,但我得到了invalid expression个错误.
我该怎么解决这个问题?
我的Vue里有这个.js模板:
<img src="/media/avatars/{{joke.avatar}}" alt="">
它在一个循环中呈现Jest .其他字段渲染良好,但对于图像,我在控制台中遇到以下错误:
- src="/media/avatars/{{joke.avatar}}":属性内部的插值已被删除.使用v-bind或冒号缩写
我也使用了v-bind:src="...
,但我得到了invalid expression个错误.
我该怎么解决这个问题?
试试这个:
<img v-bind:src="'/media/avatars/' + joke.avatar" />
不要忘记路径字符串周围的单引号.
joke: {
avatar: 'image.jpg'
}
这里有一个正在运行的演示:http://jsbin.com/pivecunode/1/edit?html,js,output