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