vue更新或者重新加载组件方法
2020-06-02 本文已影响0人
Mr_bb4
分享vue更新组件三种方法,vue版本为2.6.10
1.使用 v-if
对于单个组件,想自己灵活控制的情况下可以使用 v-if,设置 showModal 的值为true(加载)或者false(卸载)。
![](https://img.haomeiwen.com/i16418097/abed4b257aca945e.png)
2.使用 :key
对于在列表中使用的组件,可以使用:key,组件id变化可以触发重新加载组件,我这边的例子使用的是时间戳
![](https://img.haomeiwen.com/i16418097/c438363026bd5f97.png)
3.使用this.$forceUpdate
对于数据更新ui没有更新的情况下可以使用this.$forceUpdate
![](https://img.haomeiwen.com/i16418097/2496a028d8a0de8b.png)