uniapp vfor点击第二个之后的按钮undefined的问题

1,000 阅读1分钟

uni-app坑真多,能避免使用,一定避免使用

uniapp vfor点击第二个之后的按钮undefined的问题

参考文章【uniapp踩坑记】v-for循环复杂数据结构时,发现点击第二个之后@click事件都会报错

项目提要

我现在做的项目,需要多页面传参,套用多层vfor循环的复杂页面结构,而且,是向后端请求数据保存在自己的data里,再进行遍历,采用排除法

解决思路

  1. 检查后端是否将数据传回,接口和params是否正确

  2. 检查点击事件,是否出问题,点击时传递的参数是否传递过去

  3. 检查vfor循环,uni-app绑定有坑

    <view     v-for="(item, index) in navList" :key="index"></view>
    

    一定要绑定index,不然就报错

修改

尝试了,直接使用本地数据,报错。

尝试了,修改传递,使用父级for循环来调用,报错

最后,改为,传递index值,来获取filelist中具体的