problem description
drag-and-drop function is added to el-transfer. Drag-and-drop sorting cannot be achieved by using plug-in vue-smooth-dnd, drag-and-drop option or shuttle sorting.
the environmental background of the problems and what methods you have tried
A background management system written in vue2.x and elemenUI, which uses the components of the shuttle box and drags to get the array, but cannot reassign to the data of the shuttle box
related codes
/ / Please paste the code text below (do not replace the code with pictures)
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)
}}
what result do you expect? What is the error message actually seen?
topic description
The data returned by applyDrag in theonDrop event is the sorted array after dragging. The set in computed gets the changed value of filteredData, and then prints the filterdDatavalue in onDrop, or the sorted array returned by transfer component. The assignment is invalid, why