uniapp数组中数据位置的变更不会导致视图@click绑定的index

本文主要是介绍uniapp数组中数据位置的变更不会导致视图@click绑定的index，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题描述

有这么一个数组：

twoCategoryList: [{id: 1,name: "家纺",orderNo: 10},{id: 2,name: "酒类",orderNo: 20}		
],

view代码：

<view class="category-list"><view v-for="(twoCategory, twoIndex) in twoCategoryList" :key="twoCategory.id" @click="operate(twoIndex)"></view>
</view>

当我试图通过“上移”操作，改变id=2的数据，改变后的数组数据为：

twoCategoryList: [{id: 2,name: "酒类",orderNo: 10},{id: 1,name: "家纺",orderNo: 20}
],

发现界面上展示的顺序是跟数组中的顺序是一致的，但是@click中的twoIndex跟界面上的顺序是不一样的，反而在界面上显示的一个twoIndex=1，而且查看小程序代码，发现界面中的view的顺序没有发生变更，但界面上显示的顺序又是没问题的。是什么导致twoIndex与实际变更后的数组的索引位置不符？

问题原因

按我们的逻辑twoCategoryList都变更了，为啥twoIndex不变更呢？
暂时不得而知！！！！

解决方案

将:key="twoCategory.id"改为:key=“twoIndex”

本人开发的一个网站：编程之道，欢迎来踩！！！

这篇关于uniapp数组中数据位置的变更不会导致视图@click绑定的index的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---