博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
基于Vuex的树形控件
阅读量:5065 次
发布时间:2019-06-12

本文共 541 字,大约阅读时间需要 1 分钟。

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

代码在这里

 

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

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值都会被修改...

大概就这些...

 

转载于:https://www.cnblogs.com/osyo/p/7581879.html

你可能感兴趣的文章
【字符串入门专题1】hdu3613 【一个悲伤的exkmp】
查看>>
C# Linq获取两个List或数组的差集交集
查看>>
Django-Json 数据返回
查看>>
团队冲刺第六天个人博客
查看>>
使用Nginx实现灰度发布
查看>>
linux网口驱动实现(待续)
查看>>
github报错failed to push some refs to 'git
查看>>
21.Longest Palindromic Substring(最长回文子串)
查看>>
POJ 3177 Redundant Paths
查看>>
HDU 4635 Strongly connected
查看>>
testuse备份
查看>>
K近邻分类算法
查看>>
dsoFramer 的原代码
查看>>
PAT 甲级 1007 Maximum Subsequence Sum (25)(25 分)(0不是负数,水题)
查看>>
DP Big Event in HDU
查看>>
Accelerated C++ 学习笔记:Chapter2, Looping and counting
查看>>
多行文本溢出省略号
查看>>
使用startForeground让android服务前台运行
查看>>
Myeclipse使用DB Browser连接数据库错误:OPTION SQL_SELECT_LIMIT=DEFAULT
查看>>
Oracle之to_char(值,'fm99990.00')
查看>>