这里仅考虑手动创建的界面未能够有缓存的问题
其实想要在界面加上缓存也很简单
1、首先要确保你系统中菜单管理里面对应的缓存按钮要打开
2、在代码当中,在手动配置的路由中,需要添加这么一个东西
meta: { keepAlive: true }
3、确保你想要缓存的界面的name 跟路由里面的name相同,这个很重要!!!
{
path: '/zytb',
component: Layout,
hidden: true,
children: [
{
path: '/mnzytb',
name: 'Mnzytb', //这个
component: () => import('@/views/zytb/main'),
meta: { keepAlive: true }
}
]
}
<script>
export default {
name: 'Mnzytb',//这个
data() {
return{
这俩一定要相同,还有一点需要注意的是name的值首字母最好是大写,在vue2中,首字母不是大写好像有时候会失效,vue3中目前没发现这个问题!!!!