前两天和产品哥哥说好的列表拖拽排序,突然就变成了树列表拖拽排序,还要限制不能跨父级拖拽,没法子,头发抓掉一把之后写出来了,不难,就是数学不太好,算了老半天
从引入sortable.js开始讲起吧,从0到1 (纯手打,可能会有字母写错,大家擦亮眼睛)
1、运行命令: npm install sortablejs
2、在对应页面引入:import Sortable from 'sortablejs'
不墨迹,接下来展示全部代码
<template>
<div class="attribute-manage padding-lg full-h over-hide">
<VTable
ref="vTable"
:key="tableKey"
:data="treeData"
:tree-props="{children: 'children', hasChildren: 'hasChildren'}"
max-height="calc(100vh - 260px)"
row-key="id"
@search="onSearch"
>
<