目的
实现页面上的表格,能够拖动排序
实现
npm install sortablejs --save
- 引入sortablejs
import Sortable from 'sortablejs';
- 保存sortablejs示例
data() {
return {
sortable: {}
}
},
mounted() {
this.rowDrop();
}
methods: {
rowDrop() {
const tbody = document.querySelector('.el-table__body-wrapper tbody');
this.sortable = Sortable.create(tbody, {
onEnd: evt => {//拖动结束时触发,我在这里调用接口,改变后台的排序
if (evt.oldIndex !== evt.newIndex) {
......
}
}
});
},
}