elementUI tree回显值

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就是要回显的数据
   

这个回显功能就完成了！