Vue+element tree使用,當彈窗關閉時,this.$refs.tree.setCheckedKeys([])不能清空選中


問題

Vue+element tree使用,當彈窗關閉時,this.$refs.tree.setCheckedKeys([])不能清空選中。

解決

由於彈窗關閉,導致this.$refs.tree.setCheckedKeys([])無效。

此時,需要我們重新獲取整個樹組件的node,然后將對應的每個選項checked為空。

// 首先獲取node
let node = this.$refs.tree.getNode(this.data[0].id).parent;
// 這里的this.data是指的樹的數據;而id是指,:node-key="id"這里的id。從而獲取到整個樹的node
// 然后便歷樹,將所有的checked改成false
node.childNodes.map(val=>{
  val.checked = false;
  if(val.childNodes&&val.childNodes.length>0){
    val.childNodes.map(value=>{
      value.checked = false
    })  
  }
})

Vue+element tree使用,當彈窗關閉時,this.$refs.tree.setCheckedKeys([])不能清空選中


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM