vue关于v-for报错

<ul class="box">

      <div v-for="(item,key) in list" :key="item.id" :class="{'red':key==0,'aqua':key==1,'blue':key ==2} " >

      {{item}}----{{key}}

      </div>

    </ul>

注意v-for在展示的时候需要放置v-bind:key=“”这个,不然的话会报错

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,033评论 1 92
  • 1. 默认的内外边距不同 问题: 各个浏览器默认的内外边距不同 解决: *{margin:0;padding:0;...
    jslxm阅读 904评论 0 2
  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,661评论 0 7
  • 请参看我github中的wiki,不定期更新。https://github.com/ivonzhang/Front...
    zhangivon阅读 7,700评论 2 19
  • 工作,看书,总之是任何现在需要你全神贯注投入的事情时,刷刷手机是你下意识的行为。可能只是你觉得目前的投入无法带来一...
    无衣与子同袍阅读 275评论 3 1

友情链接更多精彩内容