Vue 无限层级树增删改以及拖拽节点 Demo

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 3438 天前的主题，其中的信息可能已经有所发展或是发生改变。

今天找了半天没发现一个靠谱的，于是干脆就自己动手照着文档徒手撸了一个。

Demo 页面：http://lovearia.me/static/html/tree.html

初学 Vue ，轻喷。

第 1 条附言 · 2016 年 8 月 21 日

DEMO 链接： http://7xr7a3.com1.z0.glb.clouddn.com//demo/tree.html

Vue

Demo

增删

初学

19 条回复 • 2018-03-22 20:50:22 +08:00

bramblex

2016 年 8 月 18 日 via Android

居然没人理我

VtoEXL

2016 年 8 月 18 日

额来个 github 地址啊

bramblex

2016 年 8 月 18 日

@VtoEXL

http://lovearia.me/static/html/tree.html

github 就不贴了，总共加起来不超过两百行代码没必要去开一个 repository 吧

VtoEXL

2016 年 8 月 18 日

@bramblex 谢谢了这个正好给我准备做的功能来个参考

bramblex

2016 年 8 月 19 日

@VtoEXL 我也是在找参考，然后找不到一个靠谱的，于是就干脆自己自己写了……

Tigris

2016 年 8 月 21 日

最近正好用到了，可是连接挂了什么鬼

bramblex

2016 年 8 月 21 日

@Tigris 我的服务器跪了，等晚上我给你新的链接

bramblex

2016 年 8 月 21 日

@Tigris
@VtoEXL

DEMO 链接： http://7xr7a3.com1.z0.glb.clouddn.com//demo/tree.html

kenberkeley

2016 年 11 月 15 日

首先非常感谢作者 @bramblex 让我有了参考。
在您的基础上，我自行实现了一个 TreeNode 组件，避免了使用全局变量且支持兄弟节点间的排序。
在线 Demo ： http://jsbin.com/gupebi/edit?html,js,output

kenberkeley

2016 年 11 月 15 日

呃， JS Bin 的 Output 有时候会一片空白，稍微改动一下（加个空格啥的）就可以显示了。。。

bramblex

2016 年 11 月 17 日

@kenberkeley

Good Job! 其实我本来也想写的，但是太懒了……

qiqiyang

2016 年 12 月 16 日

这个怎么写啊？最近在写一个这样的效果，私活不会写

qiqiyang

2016 年 12 月 16 日

死活不会写。

gwsgao2580224

2018 年 2 月 5 日

大神,能不能给发一下 demo,给一点思路,公司需要拖拽但写不出来...哭哭

bramblex

2018 年 2 月 5 日

@gwsgao2580224

楼上 kenberkeley 小伙伴不是有一个 demo 吗？而且里面都完整注释。

gwsgao2580224

2018 年 2 月 6 日

用到了谢谢大神 @kenberkeley @bramblex

gwsgao2580224

2018 年 2 月 6 日

@bramblex 我可不可以在每个节点加点击事件,然后把事件传递给父组件?

gwsgao2580224

2018 年 2 月 6 日

@bramblex 解决了,用了事件总线.!

nxmin

2018 年 3 月 22 日

@bramblex 大佬好，麻烦你发一份源码到我 QQ 邮箱里面 [email protected] 十分感谢