V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
bramblex
V2EX  ›  JavaScript

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

  •  1
     
  •   bramblex · 2016-08-18 02:27:39 +08:00 · 14416 次点击
    这是一个创建于 2780 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    初学 Vue ,轻喷。

    图片

    第 1 条附言  ·  2016-08-21 21:59:08 +08:00
    19 条回复    2018-03-22 20:50:22 +08:00
    bramblex
        1
    bramblex  
    OP
       2016-08-18 09:15:15 +08:00 via Android
    居然没人理我
    VtoEXL
        2
    VtoEXL  
       2016-08-18 10:58:30 +08:00
    额 来个 github 地址啊
    bramblex
        3
    bramblex  
    OP
       2016-08-18 11:17:11 +08:00
    @VtoEXL

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

    github 就不贴了,总共加起来不超过两百行代码没必要去开一个 repository 吧
    VtoEXL
        4
    VtoEXL  
       2016-08-18 11:42:40 +08:00
    @bramblex 谢谢了 这个正好给我准备做的功能来个参考
    bramblex
        5
    bramblex  
    OP
       2016-08-19 10:37:48 +08:00
    @VtoEXL 我也是在找参考,然后找不到一个靠谱的,于是就干脆自己自己写了……
    Tigris
        6
    Tigris  
       2016-08-21 10:23:44 +08:00
    最近正好用到了,可是连接挂了什么鬼
    bramblex
        7
    bramblex  
    OP
       2016-08-21 15:26:20 +08:00
    @Tigris 我的服务器跪了,等晚上我给你新的链接
    bramblex
        8
    bramblex  
    OP
       2016-08-21 21:59:18 +08:00
    kenberkeley
        9
    kenberkeley  
       2016-11-15 12:13:30 +08:00
    首先非常感谢作者 @bramblex 让我有了参考。
    在您的基础上,我自行实现了一个 TreeNode 组件,避免了使用全局变量且支持兄弟节点间的排序。
    在线 Demo : http://jsbin.com/gupebi/edit?html,js,output
    kenberkeley
        10
    kenberkeley  
       2016-11-15 12:44:01 +08:00
    呃, JS Bin 的 Output 有时候会一片空白,稍微改动一下(加个空格啥的)就可以显示了。。。
    bramblex
        11
    bramblex  
    OP
       2016-11-17 12:51:40 +08:00
    @kenberkeley

    Good Job! 其实我本来也想写的,但是太懒了……
    qiqiyang
        12
    qiqiyang  
       2016-12-16 13:18:09 +08:00
    这个怎么写啊?最近在写一个这样的效果,私活不会写
    qiqiyang
        13
    qiqiyang  
       2016-12-16 13:18:31 +08:00
    死活不会写。
    gwsgao2580224
        14
    gwsgao2580224  
       2018-02-05 15:48:33 +08:00
    大神,能不能给发一下 demo,给一点思路,公司需要拖拽但写不出来...哭哭
    bramblex
        15
    bramblex  
    OP
       2018-02-05 16:13:58 +08:00
    @gwsgao2580224

    楼上 kenberkeley 小伙伴不是有一个 demo 吗?而且里面都完整注释。
    gwsgao2580224
        16
    gwsgao2580224  
       2018-02-06 14:10:34 +08:00
    用到了 谢谢大神 @kenberkeley @bramblex
    gwsgao2580224
        17
    gwsgao2580224  
       2018-02-06 16:52:17 +08:00
    @bramblex 我可不可以在每个节点加点击事件,然后把事件传递给父组件?
    gwsgao2580224
        18
    gwsgao2580224  
       2018-02-06 19:04:22 +08:00
    @bramblex 解决了,用了事件总线.!
    nxmin
        19
    nxmin  
       2018-03-22 20:50:22 +08:00
    @bramblex 大佬好,麻烦你发一份源码到我 QQ 邮箱里面 [email protected] 十分感谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2498 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 15:44 · PVG 23:44 · LAX 08:44 · JFK 11:44
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.