我的代码结构如下面代码所示,无法执行,在img中的src属性中无法用mustache表示法
<div id="test"> <div v-for="item in lists"> <img src="/UploadFiles/2021-04-02/{{item.img}}">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="/UploadFiles/2021-04-02/item.img">使用v-bind标签后,就可以正常使用了
以上这篇Vue用v-for给src属性赋值的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
最新资源
- 陈慧娴.2018-Priscilla-Ism演唱会3CD(2024环球红
- 郑秀文.1999-我应该得到(国)【华纳】【WAV+CUE】
- 陈家慧.2011-钢琴酒吧2CD【龙吟唱片】【WAV+CUE
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[
- 证声音乐图书馆《雨季 蓝调吉他 Rainy Blues》[
- 赞多《序章》[320K/MP3][45.54MB]
- 许巍.2004-每一刻都是崭新的【步升大风】【WAV+
- 群星.2024-四方馆影视原声带【韶愔音乐】【FLAC
- 陈雷.1997-安锁咧【金圆唱片】【WAV+CUE】
- 关淑怡.2013-MY.FAVORITE.SK.3CD【环球】【WAV+