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”

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