vue强制重新渲染组件

20次阅读

共计 277 个字符,预计需要花费 1 分钟才能阅读完成。

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

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

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

正文完
 0