vue+element目錄樹初始化和銷毀


最近在做指標樹,其中有一個功能是回顯的功能,但是當你進入頁面時,點擊顯示指標樹,會把之前選中過的數據留下,不會銷毀,不會在走聲明周期,也不會發送請求

就是隱藏dialog的時候要銷毀這個dialog,在關閉dialog的時候將v-if設置為false這樣el-tree會直接將其從DOM結構中抹除,到此問題解決。

<el-dialog
    title="新增指標樹"
    :visible.sync="addDialogVisible"  //控制顯示和隱藏
    v-if="addDialogVisible"  //銷毀之前的  每次進入都會發起新的請
>
  <el-tree
    :props="props"
    :load="lazyLoad"
    lazy
    show-checkbox>
  </el-tree>
</el-dialog>
<script>
export default {
  data(){
  return {
  addDialogVisible:false
}
}
}
</script>

 


免責聲明!

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



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