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

V2EX = way to explore

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

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

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

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

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

初学 Vue ，轻喷。

第 1 条附言 2016-08-21 21:59:08 +08:00

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

Vue

Demo

增删

初学

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

bramblex

2016-08-18 09:15:15 +08:00 via Android

居然没人理我

VtoEXL

2016-08-18 10:58:30 +08:00

额来个 github 地址啊

bramblex

2016-08-18 11:17:11 +08:00

@VtoEXL

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

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

VtoEXL

2016-08-18 11:42:40 +08:00

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

bramblex

2016-08-19 10:37:48 +08:00

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

Tigris

2016-08-21 10:23:44 +08:00

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

bramblex

2016-08-21 15:26:20 +08:00

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

bramblex

2016-08-21 21:59:18 +08:00

@Tigris
@VtoEXL

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

kenberkeley

2016-11-15 12:13:30 +08:00

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

kenberkeley

2016-11-15 12:44:01 +08:00

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

bramblex

2016-11-17 12:51:40 +08:00

@kenberkeley

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

qiqiyang

2016-12-16 13:18:09 +08:00

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

qiqiyang

2016-12-16 13:18:31 +08:00

死活不会写。

gwsgao2580224

2018-02-05 15:48:33 +08:00

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

bramblex

2018-02-05 16:13:58 +08:00

@gwsgao2580224

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

gwsgao2580224

2018-02-06 14:10:34 +08:00

用到了谢谢大神 @kenberkeley @bramblex

gwsgao2580224

2018-02-06 16:52:17 +08:00

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

gwsgao2580224

2018-02-06 19:04:22 +08:00

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

nxmin

2018-03-22 20:50:22 +08:00

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