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

这个回显功能就完成了!

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐