ref数组拖拽会出错???

来源:1-1 导学

慕先生3223357

2022-01-18

老师,如果用ref方式定义一个数组,拖拽就会出错,是什么原因呢????

const tableData = ref([{ name: 'aaaa', detail: 'aaaaaaaa' }, { name: 'bbbbb', detail: 'bbbbb' }, { name: 'accccaaa', detail: 'accccaaaaaaa' }])
onEnd: ({ newIndex, oldIndex }) => {
	// 拖拽完排列数组的顺序,如果是普通数组,就没问题,如果是ref数组就会混乱
      const currRow = tableData.value.splice(oldIndex, 1)[0]
      tableData.value.splice(newIndex, 0, currRow)
      console.log(tableData.value)
    }
写回答

1回答

Sunday

2022-01-18

你好

我不太明白你的意思。 你是否可以给我一个最小可运行的程序,以便复现你所说的 bug?

0
1
慕先生3223357
已经解决了,就是如果el-table 的 data 是ref变量,在拖拽后排序的时候会出现错乱,设置了row-key就好了,
2022-01-18
共1条回复

基于Vue3新标准,打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1941 学习 · 1687 问题

查看课程