vue 底部导航栏一级路由显示子路由不显示的几种实现方式

1.在router中设置meta对象，然后在App.vue里面根据navShow属性来判断是否显示底部导航栏{path: '/consult',name: 'consult',component: Consult,meta: { navShow: true, cname: '一级页面' },},{path: '/consultDetail',name: 'con...

想要飞翔的小猪

5645人浏览 · 2018-09-05 23:04:40

想要飞翔的小猪 · 2018-09-05 23:04:40 发布

1.在router中设置meta对象，然后在App.vue里面根据navShow属性来判断是否显示底部导航栏

{

path: '/consult',

name: 'consult',

component: Consult,

meta: { navShow: true, cname: '一级页面' },

{

path: '/consultDetail',

name: 'consultDetail',

component: ConsultDetail,

meta: { navShow: false, cname: '二级页面' },

App.vue

2.使用vueX状态管理去实现

定义一个变量来控制底部导横栏的显示

3.直接根据router-view，设置底部导航页面，

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^