vue 刷新组件方法

第一种方法:v-if控制组件,先设false,再true强制刷新组件

this.fresh = false
this.$nextTick(() => {
this.fresh = true
})
第二种方法:使用组件内置$forceUpdate方法,使用前需要在配置中启用

import Vue from 'vue'
Vue.forceUpdate()

this.$forceUpdate() // 组件使用 重新渲染
第三种方法:给组件不同的key值,每次进入页面时,当key发生变化时,会释放原有组件重新加载改组件

第四种方法:this.router.go(0) 刷新整个页面(不建议)

文章知识点与官方知识档案匹配,可进一步学习相关知识
————————————————
版权声明:本文为CSDN博主「行行_出状元」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/lq099526/article/details/104636160

转载请注明出处:

转载自http://lxfamn.cn/blog

未经允许不得转载:lxfamn » vue 刷新组件方法

赞 (0) 打赏

置顶推荐

评论 0

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏