问答详情
源自:5-1 vue-cli3课程小结

在 goodsList.vue的文件中,v-for有点小问题

http://img.mukewang.com/5dc177de00010edc06580229.jpg

虽然会报错,但是能够正常的运行

提问者:qq_慕侠2123668 2019-11-05 21:24

个回答

  • 大谷
    2019-11-09 09:43:54

    楼上正解,?,添加key就可以不报错。:key="***",***作为唯一标识可以是item里面id index等,因为vue组件复用,增加Key可以标识组件的唯一性。不添加key的情况下,因为开发工具差异,会出现报错但能运行的情况。

  • 互联网的铁罐子
    2020-09-22 17:01:44

    <li v-for="goods in list">报错:
    [vue/require-v-for-key]
    Elements in iteration expect to have 'v-bind:key' directives.
    改为 <li v-for="goods in list" :key="goods">即可。

    如果还报错,检查下<img v-bind:src="goods.img" >冒号左右有没有空格

  • 慕粉185505212
    2020-04-26 15:13:10

    <li v-for="(item, index) in list" :key="index">

  • 神奇的二宝
    2019-11-07 21:51:21

    可以改为<li v-for="good in list" :key="good">