首页 > 其他 > 详细

基于Vuex的树形控件

时间:2017-09-23 18:25:46      阅读:212      评论:0      收藏:0      [点我收藏+]

用vue也有一小段时间了,最近刚好写到一个树形控件,脑补了下怎么设计数据结构,结果vuex的双向绑定让我瞬间痴汉了

代码在这里http://jsfiddle.net/osyo/2cm2bLdf/

 

思路也挺简单的,就是把当前元素所在的对象作为参数传入方法中直接修改

emmm,这里要注意一点,如下

state: {
    all: {
        name: ‘0‘, 
        list: [
            { name: ‘0-0‘, content: ‘some text‘ }
        ]
    },
    formData: {
        group: {
            name: ‘‘,
            list: []
        },
        item: {
            name: ‘‘,
            content: ‘‘
        }
    }
}

根据新增的内容时组还是单个对象来往list中push元素,如果直接使用或者只是简单的浅拷贝,会导致新增的item使用同一个content,当某个item值有修改时,所有item值都会被修改...

大概就这些...

 

基于Vuex的树形控件

原文:http://www.cnblogs.com/osyo/p/7581879.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!