一个父组件a中是一个element ui的步骤条，比如说有步骤1，步骤2，步骤3，分别对应b,c,d组件，当我在步骤1的时候，改变了一个按钮的状态，再去步骤2，又再次回到步骤1中，刚刚改变按钮的状态，消失了，(b>c>b),vue官方有keep-alive缓存，但是对这个不起作用，keep-alive应该是要配合路由使用才生效，怎么样在组件销毁之前，记录之前的操作？
3条回答 默认 最新
崽崽的谷雨 2021-10-12 16:34关注keep-alive不一定需要 配合路由的。
最笨的方法就是 ，销毁前 记录组件状态，再进来先获取本地存储的状态 。
API — Vue.js Vue.js - The Progressive JavaScript Framework
https://cn.vuejs.org/v2/api/#keep-alive
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报
分享
- 2021-10-12 16:23回答 3 已采纳 keep-alive不一定需要 配合路由的。 最笨的方法就是 ，销毁前 记录组件状态，再进来先获取本地存储的状态 。 API — Vue.js
- 2022-03-30 09:20回答 2 已采纳 这种情况你期望的是全局换肤吧？可以使用Vuex作为状态管理库，如果是小组件也可以是使用楼上说的keep-alive。因为你现在的代码是每个页面各自监听，当页面切换后，换肤的效果自然也就没有了。
- 2022-07-06 16:47回答 3 已采纳 我可以这么理解吗？如果点击首页跳转进来的，就不缓存，如果点击页签进来的，就缓存。如果是我上面所理解的那样，那可以这么做：首先，你需要在keep-alive添加两个属性，include和exclude，
- 2022-07-22 19:30况几的博客 const AsyncComponent = () => ({ // 需要加载的组件 (应该是一个 `Promise` 对象) component: import('./MyComponent.vue'), // 异步组件加载时使用的组件 --- 比如等待时，可以先加载一个等待页面 loading: ...
- 2022-04-18 15:11回答 2 已采纳 <transition mode="out-in"> ==> <transition name="fade" mode="out-in">
- 2022-07-09 15:06回答 2 已采纳 props.navData.findIndex((item) => item.is_active).toString()是index，并不是id是不是应该改成 props.navData.fin
- 2022-05-31 13:12回答 1 已采纳 输出结果： 父组件： <template> <tree-item v-for="item in menuCustomData" :key="item.key" :item="i
- 2022-06-28 21:38要不要买菜啊的博客 先来看看官网对keep-alive的一些功能说明：组件之间切换的时候，你有时会想保持这些组件的状态，以避免反复重渲染导致的性能问题。就可以使用到keep-alive，它可以用来进行动态组件的缓存组件复用，提高性能 缓存不...
- 2022-10-11 09:59回答 3 已采纳 mounted后dom已经渲染到浏览器，不需要再window.onload export default { name: 'cvs', mounted() {
- 2022-07-22 10:13回答 3 已采纳 这好办，有3种方案，你视情况选择1，如果你的跳转是使用路由跳转，你可以在点击编辑跳转前，将当前表格数据通过路由跳转传参一起带过去，然后在新的页面取到路由参数即可2，可以使用缓存，如果是用一个域名的话，
- 2022-05-17 16:35回答 2 已采纳 你的需求说的不太明白，我理解的你的需求是：点击子组件内按钮弹出子组件的弹窗。如果是这样的话直接在按钮上绑定click事件弹出弹窗就行。至于父组件向子组件传参，直接子组件上挂载数据，子组件内通过prop
- 2021-01-17 17:37长亭Time的博客 一、使用情景在使用Vue开发单页面应用时，我们通常会使用Vue-Router进行页面导航，Vue-Router在进行路由切换的时候，页面是会重新加载，对应的生命周期函数也会再次执行一遍，但是在有些业务场景下，比如：在有分页...
- 2022-01-07 14:12回答 2 已采纳 你可以修改tab数据的disabled属性，保存后再赋值为true 或者在点击tab事件里做处理 如有帮助，麻烦点个【采纳此答案】谢谢^0^
- 2022-09-16 18:19i'm wxm的博客 vue 中组件缓存
- 2022-02-17 10:52系统中实现了路由标签头的显示，并且有路由组件的缓存，这样可以打开多个路由页面，通过标签头进行切换显示，不用每次点击都要刷新，这样使性能大大提高，应用的体验也更好。
- 没有解决我的问题, 去提问
问题事件
系统已结题
12月29日
已采纳回答
12月21日-
创建了问题
10月12日
悬赏问题
- ¥15 数学建模招标中位数问题
- ¥15 phython路径名过长报错 不知道什么问题
- ¥15 深度学习中模型转换该怎么实现
- ¥15 HLs设计手写数字识别程序编译通不过
- ¥15 Stata外部命令安装问题求帮助！
- ¥15 从键盘随机输入A-H中的一串字符串，用七段数码管方法进行绘制。提交代码及运行截图。
- ¥15 TYPCE母转母，插入认方向
- ¥15 如何用python向钉钉机器人发送可以放大的图片？
- ¥15 matlab（相关搜索：紧聚焦）
- ¥15 基于51单片机的厨房煤气泄露检测报警系统设计