问题

在我们之前使用v-for的时候习惯性使用 {{item.id}}对其进行输出值

<div id="app">
    <div v-for="item in list">    
        <img src="{{item.itemImg}}">  //并不会读取到
    </div>
</div>

如上所示，当我们需要用值来给src属性赋值时就遇到了一点点小困难

因为我们需要每次都为src重新赋值所以直接为src赋值指定是错误的

解决方式

所以我们就需要使用v-bind动态绑定数据每次都重新为src进行赋值

将上述html修改为

<div id="app">
    <div v-for="item in list">    
        <img v-bind:src="item.itemImg">   //ok
    </div>
</div>

或

<div id="app">
    <div v-for="item in list">    
        <img :src="item.itemImg">
    </div>
</div>

人生的路，一步都不能少，你有多努力多拼命，心里最清楚。如果你还不能体会，那也没有关系，生活会让你在无数次跌倒中明白，你所有或潦草或努力走过的路，其实都有迹可循。

------本页内容已结束，喜欢请分享------

感谢您的来访，获取更多精彩文章请收藏本站。

版权声明 1 本网站名称：薄荷云博客
2 本站永久网址：https://www.icloudw.cn
3 本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长572224446进行删除处理。
4 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6 本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END