一: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)