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

<medical-record v-if="fresh" />

this.fresh = false
this.$nextTick(() => {
  this.fresh = true
})

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

import Vue from 'vue'
Vue.forceUpdate()

this.$forceUpdate() // 组件使用 重新渲染

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

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

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

Logo

前往低代码交流专区

更多推荐