Elements in iteration expect to have ‘v-bind:key‘ directives的解决办法

待我称王封你为后i 2022-09-03 04:18 90阅读 0赞

原代码块

  1. <li v-for="item in list" class="row">
  2. <router-link :to="about/"+item.id">{
  3. {item.text}}</router-link>
  4. <li>
报错
  1. Avoid using non-primitive value as key, use string/number value instead
  2. Elements in iteration expect to have 'v-bind:key' directives
解决方法:添加v-bind绑定key且不用对象绑定,用数值或者字符串绑定
  1. <li v-for="item in list" v-bind:key="item.id" class="row">
  2. <router-link :to="about/"+item.id">{
  3. {item.text}}</router-link>
  4. <li>

发表评论

表情:
评论列表 (有 0 条评论,90人围观)

还没有评论,来说两句吧...

相关阅读