表格行拖拽"/>
vxe表格行拖拽
安装第三方插件
import Sortable from 'sortablejs
可以跟后端商议表格添加seq 顺序, 按照循序排序
secondInput 调用 修改接口api 然后重新获取数据
//在get 请求之后 使用nextTick 使用
const rowDrop = () => {nextTick(() => {let xTable2 = planDataRef.value;let sortable = Sortable.create(xTable2.$el.querySelector(".body--wrapper>.vxe-table--body tbody"),{handle: ".vxe-body--row",animation: 150,onEnd: ({ newIndex, oldIndex }) => {console.log(newIndex);console.log(oldIndex);planDetail.value[oldIndex].seq = newIndex + 1;secondInput(planDetail.value[oldIndex], true);console.log(planDetail.value, "planD1111etail.value");},});});
};
更多推荐
vxe表格行拖拽
发布评论