Vue用v-for给src属性赋值的方法
我的代码结构如下面代码所示，无法执行，在img中的src属性中无法用mustache表示法
<div id="test">
<div v-for="item in lists">
<img src="{{item.img}}">
</div>
</div>
new Vue({
el: "#test",
data: function () {
return {
lists: [
{ img : 'img1' },
{ img : 'img2' },
{ img : 'img3' },
{ img : 'img4' }
]
}
},
})
后来我将html中的代码改成如下
<div id="test">
<div v-for="item in lists">
<img v-bind:src="item.img">
</div>
</div>
使用v-bind标签后，就可以正常使用了
以上这篇Vue用v-for给src属性赋值的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍jquery得到iframe src属性值的方法，包括了jquery得到iframe src属性值的方法的使用技巧和注意事项，需要的朋友参考一下 取得iframe src属性的的值： Html代码
-
问个问题, vue computed不建议赋值, 因为computed是个只读对象, 但是computed不是有个set吗, 我现在在composition api, setup语法糖中想使用set并且给computed赋值该怎么做呢
-
出于某种原因，属性不起作用，即使url是正确的，但具有属性。 模板： 脚本： 我做错了什么？欢迎任何帮助。
-
本文向大家介绍Vue.js 动态为img的src赋值方法，包括了Vue.js 动态为img的src赋值方法的使用技巧和注意事项，需要的朋友参考一下 需求是这样： ajax获取数据如下 然后渲染列表到页面，如果男，则将img的src设为"images/male.png",反之设为"images/female.png" 两个都可以实现，为了在html中看起来舒服点还是用filter吧，虽然也就一个判断
-
我想给一个对象里所有值为null的属性赋其它值，比如： 有没有大佬知道 assignDefaults 这个函数如何实现？
-
在带有TypeScript和Vuetify应用程序的VueJS中，我有十张图片，分别是picture1.png、picture2.png、picture3.png等。我正在尝试制作