vue+element-ui实现表格的拖拽排序

╰+哭是因爲堅強的太久メ 2022-10-25 15:26 391阅读 0赞

import sortable from “sortable.js”; //引入的npm
methods:{
//议题排序
tableSort(){
const tbody = document.querySelector(‘.el-table_body-wrapper tbody’);
console.log(‘tbody’,tbody)
let ops = {
onEnd:(evt)={
const arrsp = this.tableData.splice(evt.oldIndex,1)[0];
this.tableData.splice(evt.newIndex,0,arrsp);
console.log(‘this.tableData’,this.tableData)
this.$forceUpdate();
},
}
sortable.create(tbody,ops);
},
}
watch:{
tableData:{
immediate:false,
handler(){
const tbody = document.querySelector(‘.el-table_body-wrapper tbody’);
console.log(tbody);

  1.     \}  
  2.     let ops = \{  
  3.         onEnd:(evt)=\{  
  4.             const arrsp = this.tableData.splice(evt.oldIndex,1)\[0\];  
  5.             this.tableData.splice(evt.newIndex,0,arrsp);  
  6.             console.log('this.tableData',this.tableData)  
  7.             this.$forceUpdate();  
  8.         \}  
  9.     \}  
  10.     sortable.create(tbody,ops);  
  11. \}

},
mounted(){
this.tableSort();
},

发表评论

表情：
评论列表 （有 0 条评论，391人围观）

还没有评论，来说两句吧...

相关阅读