Vue用v-for给src属性赋值的方法

来源：动视网责编：小采时间：2020-11-27 22:18:08

Vue用v-for给src属性赋值的方法

Vue用v-for给src属性赋值的方法:我的代码结构如下面代码所示，无法执行，在img中的src属性中无法用mustache表示法 <div id=test> <div v-for=item in lists> <img src={{item.img}}> </div> </div> new

推荐度：

点击下载本文 文档为doc格式

导读Vue用v-for给src属性赋值的方法:我的代码结构如下面代码所示，无法执行，在img中的src属性中无法用mustache表示法 <div id=test> <div v-for=item in lists> <img src={{item.img}}> </div> </div> new

我的代码结构如下面代码所示，无法执行，在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属性赋值的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

Vue用v-for给src属性赋值的方法

推荐度：

点击下载本文 文档为doc格式

标签： VUE src属性用v-for

热门焦点

Vue用v-for给src属性赋值的方法

Vue用v-for给src属性赋值的方法

Vue用v-for给src属性赋值的方法

最新推荐

猜你喜欢

热门推荐