vue脚手架配置公用头部、底部。控制显示隐藏

先把项目下载地址贴上:https://github.com/623317276/vue-myproject.git

 

路由引入我就不详细说了

直接进入主题:

我会在app.vue文件里引入公共的header 和 footer

这是我app.vue的代码块




header 和 footer 默认显示,例如某个页面不需要显示header

可以使用 this.$emit('public_header',false); 来控制header不显示

例如:Inspiration页面不需要显示header,在页面被创建的时候广播(this.$emit)告诉上级不显示header,

并且在当前页面写自己的header代码,就可以了

贴上代码片







 

 

你可能感兴趣的:(vue脚手架配置公用头部、底部。控制显示隐藏)