vue更新或者重新加载组件方法

分享vue更新组件三种方法,vue版本为2.6.10

1.使用 v-if

对于单个组件,想自己灵活控制的情况下可以使用 v-if,设置 showModal 的值为true(加载)或者false(卸载)。

使用v-if

2.使用 :key

对于在列表中使用的组件,可以使用:key,组件id变化可以触发重新加载组件,我这边的例子使用的是时间戳

使用 :key

3.使用this.$forceUpdate

对于数据更新ui没有更新的情况下可以使用this.$forceUpdate

使用this.$forceUpdate

你可能感兴趣的:(vue更新或者重新加载组件方法)