vue-router中元信息meta的妙用

<pre class="javascript">{
path:"/test",name:"test",component:()=>import("@/components/test"),meta:{
title:"测试页面",//配置title
keepAlive: true //是否缓存
}
}
<h3 id="配置此路由的标题title">1、配置此路由的标题title
<pre class="javascript">//main.js中的代码
router.beforeEach((to,from,next)=>{
if(to.meta.title){
document.title=to.meta.title
}
next()
})
<h3 id="配置组件是否需要缓存">2、配置组件是否需要缓存
<pre class="html">

<router-view v-if="!$route.meta.keepAlive">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!