Vue组件切换后如何避免数据重置,保持历史设置不变?

更新于
2026-09-23 20:41:56
0阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计427个文字,预计阅读时间需要2分钟。

Vue组件切换后如何避免数据重置,保持历史设置不变?

版权1、在`router-view`和`/router-view`外层包裹`keep-alive`和`/keep-alive`,`keep-alive`作用是将组件实例缓存起来,避免重新渲染。使用`keep-alive router-view /router-view /keep-alive`。

2、清除组件缓存,使用`keep-alive`的`exclude`属性指定排除的组件名,属性为`keep-ali`。

阅读全文

本文共计427个文字,预计阅读时间需要2分钟。

Vue组件切换后如何避免数据重置,保持历史设置不变?

版权1、在`router-view`和`/router-view`外层包裹`keep-alive`和`/keep-alive`,`keep-alive`作用是将组件实例缓存起来,避免重新渲染。使用`keep-alive router-view /router-view /keep-alive`。

2、清除组件缓存,使用`keep-alive`的`exclude`属性指定排除的组件名,属性为`keep-ali`。

阅读全文