使用vue,for循环data,点击修改数组data的顺序
向上:
let tempOption = this.data[index - 1];
this.$set(this.data, index - 1, this.data[index]);
this.$set(this.data, index, tempOption);
向下:
let tempOption1 = this.data[index + 1];
this.$set(this.data, index + 1, this.data[index]);
this.$set(this.data, index, tempOption1);
data里面的数组顺序已经修改了,但是视图并没有刷新,用watch来监听data也监听不到data数组的修改,最后只能用vue组件的$forceUpdate()来重新渲染实例
在data数组顺序调换完之后调用$forceUpdate()重新刷新
this.$forceUpdate();