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

2016-08-18 02:27:39 +08:00
 bramblex

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

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

初学 Vue ,轻喷。

14562 次点击
所在节点    JavaScript
19 条回复
bramblex
2016-08-18 09:15:15 +08:00
居然没人理我
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
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 邮箱里面 2214904953@qq.com 十分感谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/300047

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX