vue刷新当前组件的方法

2023-06-14,,

一:v-if控制组件,先设false,再true强制刷新组件(有时会产生一种奇怪的效果)

1 <medical-record v-if="fresh" />
2
3 this.fresh = false
4 this.$nextTick(() => {
5 this.fresh = true
6 })

二:使用组件内置$forceUpdate方法,使用前需要在配置中启用

1 import Vue from 'vue'
2 Vue.forceUpdate()
3
4 this.$forceUpdate() // 组件使用 重新渲染

三:给组件不同的key值,每次进入页面时,当key发生变化时,会释放原有组件重新加载改组

1 <medical-record :key="new Date().getTime()" />

四: 刷新整个页面(不建议)

1 this.router.go(0)

vue刷新当前组件的方法的相关教程结束。

《vue刷新当前组件的方法.doc》

下载本文的Word格式文档,以方便收藏与打印。