01前端/Vue.js 刷新组件的几种方式

  • 更新时间：2020-04-01 03:58
  • 创建时间：2020-04-01 03:58

key

1
<span :key="text">{{ text }}</span>

$forceUpdate

它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。

1
this.$forceUpdate();

v-if

并不是什么好方法。

1
2
3
4
5
6
<span v-if="refreshTag">{{ text }}</span>

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