当前位置: 代码迷 >> 综合 >> Custom elements in iteration require ‘v-bind:key‘ directives vue/valid-v-for解决方案
  详细解决方案

Custom elements in iteration require ‘v-bind:key‘ directives vue/valid-v-for解决方案

热度:24   发布时间:2023-12-14 06:25:37.0

最近在使用 iView 组件库进行开发,在使用 Select 选择器 时出现问题,为什么使用模板会报错呢?

error :
Custom elements in iteration require ‘v-bind:key’ directives vue/valid-v-for
在这里插入图片描述
原因出在 template 里
模板语句是:

<i-option v-for="item in classList" :value="item.value">{
    {
     item.label }}</i-option>

需要按照错误提示增加对 key 的绑定

<i-option v-for="item in classList" :value="item.value" :key="item.label">{
    {
     item.label }}</i-option>

问题得到解决

  相关解决方案