问题描述
在el-transfer上加上拖拽功能,使用插件vue-smooth-dnd,拖拽后的选项还是穿梭的排序,无法实现拖动排序
问题出现的环境背景及自己尝试过哪些方法
用vue2.x和elemenUI写的一个后台管理系统,使用穿梭框的组件,拖动后获取数组,但是无法重新赋值给穿梭框的data
相关代码
// 请把代码文本粘贴到下方(请勿用图片代替代码)
computed: {
filteredData: {
get: function () {
return this.data.filter(item => {
if (typeof this.filterMethod === 'function') {
return this.filterMethod(this.query, item)
} else {
const label = item[this.labelProp] || item[this.keyProp].toString()
return label.toLowerCase().indexOf(this.query.toLowerCase()) > -1
}
})
},
set: function (newData) {
return newData
}
}
}
methods: {
onDrop(dropResult) {
this.filteredData = applyDrag(this.filteredData, dropResult)
}
}
你期待的结果是什么?实际看到的错误信息又是什么?
题目描述
onDrop事件里applyDrag返回数据是拖动后的排序数组,computed里的set获取到filteredData的变化值,然后在onDrop里打印filterdData值,还是transfer组件返回的排序数组,赋值无效,为什么