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

02/02 08:33
阅读数 2.1K

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);





















        }
        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);
    }
},
mounted(){
    this.tableSort();
},













展开阅读全文
打赏
0
0 收藏
分享
加载中
更多评论
打赏
0 评论
0 收藏
0
分享
返回顶部
顶部