vue使用keep-alive缓存页面状态问题

本文主要解决 vue 使用 keep-alive 缓存页面状态时,当不同路由指向同一个组件,如何分别缓存页面状态的问题:

问题如何产生的?

答:由于新建页面和编辑页面基本相同,所以二个路由页面指向同一个组件,在使用 keep-alive 缓存的时候不能分别缓存这两个页面的状态。

问题代码如下
router/index.js
operateHelloWorld

App.vue

问题:这样做会导致两个页面状态完全一样,因为引用的就是同一个组件,keep-alive 缓存的也就是同一个组件

相关推荐
leoZ2311 分钟前
2026-09-08-mysql-57-init-walkthrough
前端·javascript·数据库·vue.js·opencv·mysql·adb
艾伦野鸽ggg8 分钟前
JavaScript 原型链与原型对象详解
javascript·原型模式
qq_3508972114 分钟前
trea实用工具
vue.js·uniapp
paopaokaka_luck18 分钟前
非遗文物数字化系统(AI非遗问答、ONNX图像识别、协同过滤推荐、ECharts数据分析、非遗知识浏览与互动、文创商城订单闭环、文化活动报名签到、社区交流)
前端·javascript·vue.js·人工智能·数据分析·echarts
乘风gg21 分钟前
AI Coding 提效 2 倍是真的吗?到底怎么衡量效果
前端·ai编程·claude
用户9210802628622 分钟前
从对象到原型链:理解 this、构造函数和 new
前端
猫不易28 分钟前
Webpack 与 Vite:从 Loader / Plugin 到 Rolldown 统一引擎
前端·vite
YHL39 分钟前
🎯 Danci —— 用 AI 驱动开发一个全栈英语单词学习平台
前端·后端
平头哥~40 分钟前
Day 20 _ 3D 翻卡_perspective 写错人,卡片就穿帮
前端·3d·css3·学习资料
小聪7081 小时前
elpis-core 前端 Webpack 工程化实践
前端