1.APP.vue里面引入组件，添加如下代码
<template>
<div id="app">
<div v-if="$route.meta.keepAlive">
<UserHead />
<router-view />
<Foot />
</div>
<div v-if="!$route.meta.keepAlive">
<Head />
<router-view />
<Foot />
</div>
</div>
</template>
<script>
import Head from './components/Head'
import Foot from './components/Foot'
import UserHead from './components/UserHead'
export default {
name:'Nav',
components:{
Head,
Foot,
UserHead,
},
}
</script>
2.路由里加入判断
{
path: '/user/info',
name: 'user',
meta:{
title:'个人中心',
keepAlive:true,
},
component: () => import('../views/user/Info.vue')
}
以上即可
注：主要判断keepAlive这个变量，路由用来显示或隐藏head
535
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
