vue 組件銷毀并重置的實現(xiàn)
更新時間：2020年01月13日 14:35:08 作者：O槑頭槑腦
這篇文章主要介紹了vue 組件銷毀并重置的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
方法1
當(dāng)數(shù)據(jù)變更后,通過watch 監(jiān)聽，先去銷毀當(dāng)前的組件，然后再重現(xiàn)渲染。使用 v-if 可以解決這個問題
<template>
<third-comp v-if="reFresh"/>
</template>
<script>
export default{
data(){
return {
reFresh:true,
menuTree:[]
}
},
watch:{
menuTree(){
this.reFresh= false
this.$nextTick(()=>{
this.reFresh = true
})
}
}
}
</script>
方法2
<template>
<third-comp :key="menuKey"/>
</template>
<script>
export default{
data(){
return {
menuKey:1
}
},
watch:{
menuTree(){
++this.menuKey
}
}
}
</script>
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
javascript創(chuàng)建元素和刪除元素實例小結(jié)
這篇文章主要介紹了javascript創(chuàng)建元素和刪除元素,結(jié)合實例形式總結(jié)分析了javascript針對頁面元素的動態(tài)創(chuàng)建、刪除及子元素操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2019-06-06
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)前端緩存的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
今天小編就為大家分享一篇layui table 多行刪除(id獲取)的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
本文主要介紹了移動端基礎(chǔ)事件總結(jié)與應(yīng)用，具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
在非IE，事件對象Propagation之間的處理函數(shù)，或同dom節(jié)點觸發(fā)的多個函數(shù)之間的Event物件是全等的。與綁定形式[addEventListener/DOM0]無關(guān)。2011-04-04
這篇文章主要為大家介紹了JS前端首屏優(yōu)化技巧，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要為大家詳細(xì)介紹了微信小程序上傳圖片到php服務(wù)器的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-05-05
JavaScript判斷瀏覽器類型一般有兩種辦法，一種是根據(jù)各種瀏覽器獨有的屬性來分辨，另 一種是通過分析瀏覽器的userAgent屬性來判斷的2014-03-03
這篇文章主要介紹了JS中substring與substr的用法講解，非常不錯，具有參考借鑒價值，感興趣的朋友一起看看吧2016-11-11
自定義滾動條最早是IE玩出來的,但是后來,不知道為什么IE把這個有意思的功能廢棄了,下面這篇文章主要給大家介紹了關(guān)于前端實現(xiàn)瀏覽器自定義滾動條寫法的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2024-06-06