报错内容:
相关代码
<scroll-view
scroll-y="true"
class="right-scroll-view"
:style="{height: wh + 'px'}"
:scroll-top="scrollTop"
>
<view lass="cate-lv2" v-for="(item2,i) in cateLevel2" :key="i">
<!-- 右侧二级列表标题 -->
<view class="cate-lv2-title">/ {{item2.cat_name}} /</view>
<!-- 动态渲染三级列表 -->
<view class="cate-lv3-list">
<view class="cate-lv3-item"
v-for="(item3,i) in item2.children"
:key="i"
@click="gotoGoodsList(item3)">
<image :src="item3.cat_icon"></image>
<text>{{item3.cat_name}}</text>
</view>
</view>
</view>
</scroll-view>
当给三级列表添加点击事件传参的时候报错
gotoGoodsList(item3){
console.log('点击的三级列表',item3);
uni.navigateTo({
url:"/subpkg/goods_list/goods_list?cid=" + item3.cat_id
})
}
报错原因:
主要是进行循环嵌套的时候,把两个v-for循环的索引写成一样,导致代码冲突报错了
解决方法:
重新设置不同的索引的就好了