uniapp数组视图发生改变,点击事件获取的下标存在

开发环境:uniapp

背景:在项目中做了可上移、下移的一个数组

这里循环了 lists,给lists一个叫index的下标


	 {{list.text}} 
	
	
	
	

这里是上移、下移的点击事件,发现得到的index出现问题,但是视图上不存在问题 

up(index){
	let list = JSON.parse(JSON.stringify(this.lists))
	let payment = JSON.parse(JSON.stringify(this.lists[index]))
	list.splice(index-1,0,payment)
	list.splice(index+1,1)
	this.lists = JSON.parse(JSON.stringify(list));
	this.set_payway()
},
down(index){
	let list = JSON.parse(JSON.stringify(this.lists))
	let payment = JSON.parse(JSON.stringify(this.lists[index]))
	list.splice(index+2,0,payment)
	list.splice(index,1)
	this.lists = JSON.parse(JSON.stringify(list));
	this.set_payway()
}

 我以为问题出现在我的点击事件上,结果不是。

我的lists的数据结构:

lists:[
    {"index":"1","text":"a"},
    {"index":"2","text":"b"},
    {"index":"3","text":"c"},
    {"index":"4","text":"d"}
]

于是我改了lists数组里index的key值,随便取一个叫别的(或者v-for的index改成别的),不跟v-for循环的index冲突就行。

问题就解决了。

至于为什么出现这样的问题我也没有去深入了解,因为只有Uniapp存在这样的问题,vue、小程序都没有问题。可能uniapp编译出问题了。

 

你可能感兴趣的:(uniapp数组视图发生改变,点击事件获取的下标存在)