Vue组件强制刷新的解决方案

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue组件强制刷新的解决方案相关的知识,希望对你有一定的参考价值。

参考技术A

1.刷新整个页面:体验感不好,一般不建议使用

2.使用v-if标记(条件渲染)

3.使用内置的forceUpdate方法:组件内置$forceUpdate方法,使用前需要在配置中启用。

4.使用key-changing优化组件: vue使用key标记组件身份,当key改变时就是释放原始组件,重新加载新的组件。

调用this.$forceUpdate()强制重新渲染组件

使用v-if指令的特性
使用key-changing,当组件的key 值变更时,会自动的重新渲染

以上是关于Vue组件强制刷新的解决方案的主要内容,如果未能解决你的问题,请参考以下文章

vue 强制刷新子组件

vue 强制刷新组件

vue如何组件强制刷新组件

vue 强制刷新子组件

如何在父组件中强制刷新子组件

vue 强制刷新组件