vue強制從新渲染組件

這幾天開發中遇到了一個問題，組件的值已經有了，可是並無渲染出來
後來無奈百度了一下vue的組件強制刷新：

val.type = 'none'
this.$nextTick(() => {
  val.type = 'city'
})

官方介紹：將回調延遲到下次 DOM 更新循環以後執行。在修改數據以後當即使用它，而後等待 DOM 更新。它跟全局方法 Vue.nextTick 同樣，不一樣的是回調的 this 自動綁定到調用它的實例上。
nextTick會在頁面從新渲染之後開始執行回調
因此使用這個方法強制刷新組件思路就是：先把某個值設爲false，銷燬組件，而後在頁面從新渲染完畢之後再次建立組件