当前位置： 移动技术网 > IT编程>开发语言>JavaScript > vue-router中元信息meta的妙用

vue-router中元信息meta的妙用

2019年02月28日  | 移动技术网IT编程  | 我要评论 
{
    path:"/test",
    name:"test",
    component:()=>import("@/components/test"),
    meta:{
        title:"测试页面", //配置title
        keepalive: true //是否缓存
    }
}

1、配置此路由的标题title

//main.js中的代码
router.beforeeach((to,from,next)=>{
    if(to.meta.title){
        document.title=to.meta.title
    }
    next()
})

2、配置组件是否需要缓存

<!-- app.vue中的代码 -->
<!-- 需要被缓存的路由入口 -->
<keep-alive>  
    <router-view v-if="$route.meta.keepalive"></router-view>
</keep-alive>

<!-- 不需要被缓存的路由入口 -->
<router-view v-if="!$route.meta.keepalive"></router-view>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网