vue強制刷新組件

把一個組件重置到初始狀態是一個常見的需求，推薦的作法有兩種，一種是父組件重置子組件的 prop，另外一種是子組件暴露一個重置的方法供父組件調用。但有些時候，子組件既沒有提供重置的方法，也沒提供 prop 來重置本身的狀態。更重要的是，這個子組件咱們還動不了。因而咱們就須要一種 hack 的方式來強制子組件重置到初始狀態。方法以下：

1	<component v-if="hackReset"></component>

 

1 2 3 4

this.hackReset = false this.$nextTick(() => { this.hackReset = true })

v-if 在切換時，元素及它的綁定數據和組件都會被銷燬並重建