vue强制重新渲染组件

这几天开发中遇到了一个问题，组件的值已经有了，但是并没有渲染出来
后来无奈百度了一下vue的组件强制刷新：

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

官方介绍：将回调延迟到下次 DOM 更新循环之后执行。在修改数据之后立即使用它，然后等待 DOM 更新。它跟全局方法 Vue.nextTick 一样，不同的是回调的 this 自动绑定到调用它的实例上。
nextTick会在页面重新渲染以后开始执行回调
所以使用这个方法强制刷新组件思路就是：先把某个值设为false，销毁组件，然后在页面重新渲染完毕以后再次创建组件