Type ‘string | number | symbol‘ is not assignable to type ‘string | number‘. Type ‘symbol‘ is not

每次yarn build项目的时候就会报这个错误。刚开始找了很久原因,终于把问题解决了

问题分析,这种情况是因为vue3版本在多个v-for嵌套循环的时候,因为key的指引值为空,直接把第两个for的index 去掉,改为id或其他唯一值即可。

原代码:

<div v-for="(item,index) in oneArr" :key="index">

 <span v-for="(itemSon,indexSon) in item.sonArr" :key="indexSon">{
   
   {itemSon.name}}</span>
</div>

改为:

<div v-for="(item,index) in oneArr" :key="index">

 <span v-for="itemSon in item.sonArr" :key="itemSon.id">{
   
   {itemSon.name}}</span>
</div>

完!

猜你喜欢

转载自blog.csdn.net/hzmpkpkppk/article/details/124888313
今日推荐