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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 3730 days ago, the information mentioned may be changed or developed.

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

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

初学 Vue ，轻喷。

Supplement 1 · Aug 21, 2016

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

Vue

Demo

增删

初学

19 replies • 2018-03-22 20:50:22 +08:00

bramblex

Aug 18, 2016 via Android

居然没人理我

VtoEXL

Aug 18, 2016

额来个 github 地址啊

bramblex

Aug 18, 2016

@VtoEXL

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

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

VtoEXL

Aug 18, 2016

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

bramblex

Aug 19, 2016

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

Tigris

Aug 21, 2016

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

bramblex

Aug 21, 2016

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

bramblex

Aug 21, 2016

@Tigris
@VtoEXL

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

kenberkeley

Nov 15, 2016

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

kenberkeley

Nov 15, 2016

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

bramblex

Nov 17, 2016

@kenberkeley

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

qiqiyang

Dec 16, 2016

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

qiqiyang

Dec 16, 2016

死活不会写。

gwsgao2580224

Feb 5, 2018

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

bramblex

Feb 5, 2018

@gwsgao2580224

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

gwsgao2580224

Feb 6, 2018

用到了谢谢大神 @kenberkeley @bramblex

gwsgao2580224

Feb 6, 2018

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

gwsgao2580224

Feb 6, 2018

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

nxmin

Mar 22, 2018

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