{ path: '/', redirect:'/home', name: 'Home', component: () => import('../views/Main.vue'), meta: { keepAlive: true ,// 标记为缓存组件 }, children:[ { path:'/home', name:'home', component:()=> import('@/views/Home.vue'), }, { path:'/matter', name: 'matter', component: () => import( '../views/Matter.vue'), }, { path:'/check', name: 'check', component: () => import( '../views/Check.vue'), meta: { preventBack: true } }, ] } 路由tab跳转的时候 是从 form‘/’to '/matter' 但是回退也是 form‘/’to '/matter' 哪里配置错了
时间: 2024-02-28 11:53:04 浏览: 157
VUE--组件示例 博客 https://gudianxiaoshuo.blog.csdn.net/article/detail
根据您提供的代码,我发现在 Check.vue 组件中,有一个 meta 属性中的 preventBack 属性,这个属性会阻止浏览器的后退操作,导致您无法返回到 Home.vue 组件。
如果您想要实现从 Home.vue 组件跳转到 Matter.vue 组件,再从 Matter.vue 组件返回到 Home.vue 组件的效果,可以考虑将 Check.vue 组件中的 preventBack 属性移除。这样就可以正常返回到 Home.vue 组件了。
另外,如果您想要保持 Home.vue 组件的缓存状态,可以将 Main.vue 组件的 meta 标签中的 keepAlive 属性移动到 Home.vue 组件中。即将 Home.vue 组件改为以下代码:
```
<template>
<div>
<!-- Home 页面内容 -->
</div>
</template>
<script>
export default {
name: "Home",
meta: {
keepAlive: true // 标记为缓存组件
}
}
</script>
```
阅读全文