概述
这个简单，比较好的办法是使用router-view子路由实现。使用v-if控制、把页头页尾插到每个需要的页面上等方法也可以实现，但是不太好，不推荐。下面具体说：
把你需要头部尾部的所有页面放到一个路由的子路由里面，比如有AB两个组件分别表示一个页面，A页面显示页头页尾同时插入子路由(组件为a.vue、b.vue)，那A.vue可以如下写：
路由可以配置为:
[
{
path: '/pageA',
component: () => import('@/components/A.vue'),
children: [
{
path: '/',
redirect: '/pageA/a'
},
{
path: '/a',
component: () => import('@/components/a.vue')
},
{
path: '/b',
component: () => import('@/components/b.vue')
}
]
},
{
path: '/pageB',
component: () => import('@/components/B.vue')
}
]
这样A页面下的所有子路由页面都会有头部尾部了，而且只会创建一个头尾。
最后
以上就是执着睫毛为你收集整理的vue 公用页面引用_vue项目 部分页面需要引入公共头部和尾部 其他页面不需要...的全部内容，希望文章能够帮你解决vue 公用页面引用_vue项目 部分页面需要引入公共头部和尾部 其他页面不需要...所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复