牛骨文教育服务平台(让学习变的简单)
博文笔记

vue使用v-for渲染列表属性需要:="items.attribute"绑定

创建时间:2017-06-26 投稿人: 浏览次数:2385

- src="{{items.img}}": Interpolation inside attributes has been removed.
 Use v-bind or the colon shorthand instead. For example, 
 instead of <div id="{{ val }}">, use <div :id="val">.


绑定img的src属性,一开始的写法:

<li class="zlb_list_item" v-for="items in list">
    <div class="zlb_list_img">
        <img src="{{items.img}}" alt=""/>
    </div>
    <div class="zlb_list_title">
        <p class="zlb_list_title_level">{{items.level}}</p>
        <p class="zlb_list_title_date">{{items.date}}</p>
    </div>
    <div class="zlb_list_detail">{{items.price}}</div>
</li>

报错:

根据提示,改成:

<img :src="items.img" alt=""/>
错误排除

声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。