Vue 路由跳转为什么会刷新页面 ?

Vue 路由跳转为什么会刷新页面 ?

{

path: '/index',

name: 'Home',

component: Layout,

redirect: '/list',

children: [

{

path: 'list',

name: 'DataList',

component: () => import('@/views/data/index'),

meta: {

keepAlive: true

}

},

{

path: 'sub',

name: 'TopicSubs',

component: () => import('@/views/Data/Sub'),

meta: {

keepAlive: true

}

},

{

path: 'details',

name: 'DataView',

component: () => import('@/views/Data/details')

}

]

},

History 模式,路由配置如上

进入 /index 会自动 redirect 到 /index/list (或直接访问 /index/list )

在 list 页面钩子方法中加载页面数据,然后列表中通过 router-link 组件路由到 /index/sub

这个时候,为什么页面像刷新了一样,就是控制台network 会清空,重新加载 sub 页面的请求,从 sub 进入到 /index/details 则不会 …

这样就是 从 details 页面后退到 sub 页面,不会刷新,从 sub 后退到 list ,会刷新 …


回答:

这和你页面的activated函数有关吧?

以上是 Vue 路由跳转为什么会刷新页面 ? 的全部内容, 来源链接: utcz.com/p/937569.html

回到顶部