zjffun blog

Vue.js 刷新组件的几种方式

更新于 写于 前端

key

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

$forceUpdate

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

js
this.$forceUpdate();

v-if

并不是什么好方法。

text
<span v-if="refreshTag">{{ text }}</span>

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