如何设置el-tree拖拽效果

 时间:2024-10-04 01:27:05

在使用Element框架开发vue项目时,el-tree树形控件默认情况下是不支持拖拽功能,那如何设置el-tree树形控件可以拖拽呢?如图

如何设置el-tree拖拽效果

方法/步骤

1、打开一个vue文件,添加一个el-tree树形控件,设置值为多个层级的数组。

如何设置el-tree拖拽效果

如何设置el-tree拖拽效果

2、在el-tree树形控件上设置draggable属性值为true,用于设置树形控件支持拖动。如图

如何设置el-tree拖拽效果

3、保存vue文件后使用浏览器打开,即可看到二级1-1下面有两个节点,选择其中一个后长按鼠标左键辜染蜊矶拖动到一级节点的下方后放开,该节点就直接显示在一级节点的下面。如图

如何设置el-tree拖拽效果

如何设置el-tree拖拽效果

js如何实现时,分,秒分别以不同颜色呈现? 夸克启动时恢复退出页面怎么关闭 PotPlayer (64-bit)如何设置界面字体大小 空调从制冷调到制热没反应 将网页收藏到有道云笔记
热门搜索
舞动青春漫画 六一图片大全图片 文具盒图片 眼睛图片大全 购物车图片