最近用到一个功能公共头部组件在特定的路由页面隐藏或显示特定元素
起初使用的是在特定页面单独引入公共头部进行传参,但这种方式太蠢,无法通用,后期修改复杂,代码量多,重复代码多。反正就是一坨辣鸡。为此调查并使用了路由监听
1. 在App.vue引入并添加添加公共头部组件
· 组件名不要命名为
header
会与HTML默认标签冲突
· 通过:showPlat="showPlat"
向组件传值,控制组件内部特定部分的显示隐藏
<template>
<div id="app">
<platHeader :showPlat="showPlat"></platHeader>
<router-view/>
</div>