v-for报错[Avoid using non-primitive value as key, use string/number value instead]

v-for报错信息如下:
在这里插入图片描述
报错代码如下:

 <Select>
                <Option v-for=" item in menuList" :key="item" :value="item.value">{{ item.label }}Option>
              Select>
 menuList: [
        {
          value: '根菜单',
          label: '根菜单'
        },
        {
          value: '子菜单',
          label: '子菜单'
        },
        {
          value: '子菜单',
          label: '子菜单'
        }
      ],

警告提示意思是: 避免使用非基元值作为键,而是使用字符串/数字值。
解决办法:将Key值替换成index,即索引

<Select v-model="addFormItem.menuList">
                <Option v-for="(item,index) in menuList" :key="index" :value="item.value">{{ item.label }}</Option>
              </Select>

你可能感兴趣的:(v-for报错[Avoid using non-primitive value as key, use string/number value instead])