elementUI tree回显值
elementUI tree回显值在开发一些功能中会遇到需要回显值的问题。elment文档也是有这样的功能提供。其实回显的原理就是获取你node-key设置的值存放到数组里面,即可。但是现在有一个问题就是直接获取所有id扔进去,回显的时候你会发现会把所有的子集都回显了, 你没选到的也给回显了,这个不是你想要达到的目的。组件里面也有解决这个问题的方法,如下图这两个方法就是解决这个问题的关键。解决办法
·
elementUI tree回显值
在开发一些功能中会遇到需要回显值的问题。elment文档也是有这样的功能提供。
其实回显的原理就是获取你node-key设置的值存放到数组里面,即可。但是现在有一个问题就是直接获取所有id扔进去,回显的时候你会发现会把所有的子集都回显了, 你没选到的也给回显了,这个不是你想要达到的目的。组件里面也有解决这个问题的方法,如下图
这两个方法就是解决这个问题的关键。
解决办法:
1、首先先定义一个数组作为标记
2、将遍及数组跟上面两个方法获取的数据进行合并,行程一个数组
3、回显时,将自己的定义的标识数组作为分割点,去除标记后面的数据
// 定义一个标记数组
let signArr = ['888888'] // 值随便你自己取
let punishArr = this.$refs.punishTree.getCheckedKeys().concat(signCode, this.$refs.punishTree.getHalfCheckedKeys())
// 获取标识处的下标
let punishFilterId = punishArr.indexOf(signArr[0])
punishArr.splice(punishFilterId, punishArr.length - punishFilterId) // punishArr就是要回显的数据
这个回显功能就完成了!
更多推荐
已为社区贡献1条内容
所有评论(0)