关于uniapp小程序端提示v-for 暂不支持循环数据问题的解决方案

关于uniapp小程序端提示v-for 暂不支持循环数据问题解决方案

需求描述:

• 在uniapp小程序此项目中使用多层for循环时，小程序端提示：uniapp v-for 暂不支持循环数据，以至于获取不到循环的数据。

解决方案:

• <view v-for="(item,index) in flist" :key="item.id">  
      <view v-for="item2 in item" @click="navTo(item2.id)" :key="item2.id">  
  ....  
  ....  
  navTo(id){  
      console.log(id);  // 此时显示undefined
  }
  

• 第一步：首先检查循环的key值是否存在并且唯一，一般情况下到这里就能解决问题。

• 第二步：如果循环的key值存在并且唯一，但还是报错的话，那么就将子层循环独立出来再引用，这样就能解决问题。