在使用v-for的时候,很容易出现如图所上的报错情况
v-for="item in fileTypeList"
:key="item.value"
:label="item.label"
:value="item.value"
根本原因是为了省事直接 在key的地方使用了item.属性
当使用的数组对象中的value属性有重复值的时候就会报错,
1.因此可以采用正确写法
v-for="(item,index) in itemList"
:key="index"
:label="item.projectName"
:value="item.id"
2.同时 当使用了多个v-for的时候,这里因为使用了index,不可避免的会产生相同的index
于是我们可以给index加个字符来区分
v-for="(item,index) in itemList"
:key="index+'a'"
:label="item.projectName"
:value="item.id"
这样就不会让页面大量报错了