欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementUi实现table表格拖拽效果

程序员文章站 2022-06-07 20:10:40
...

第一步需要安装一下sortable的依赖
npm i -S vuedraggable
使用:

import Sortable from 'sortablejs';

接下来是方法调用

  drag() {
        const el = document.querySelectorAll('.el-table__body-wrapper > table > tbody')[0];
        Sortable.create(el, {
            disabled: !this.enableDrag,
            ghostClass: 'sortable-ghost',
            setData: function(dataTransfer) {
                dataTransfer.setData('Text', '');
            },
            onEnd: (evt) => {
 				
            }
        });
    },
相关标签: vue elementUi