vue 路由meta 设置title 导航隐藏

router.jsroutes: [{ path: '/', name: 'HelloWorld', component: HelloWorld, meta: { title: "HelloWorld", 要现实的title

Harriet嘉

4586人浏览 · 2018-08-28 13:37:43

Harriet嘉 · 2018-08-28 13:37:43 发布

router.js

routes: [{
path: '/',
name: 'HelloWorld',
component: HelloWorld,
meta: {
title: "HelloWorld", 要现实的title
show: true 设置导航隐藏显示
}

}]

App.vue

<template>

<div id="app">

<router-view></router-view>

<bottom v-show="this.$route.meta.show"></bottom> this.$route.meta.show 显示或隐藏

</div> </template>

main.js

router.beforeEach((to, from, next) => {

if (to.meta.title) {

document.title = to.meta.title

}

next()

})<br><br>监听路由写入 title

转载：https://www.cnblogs.com/nns4/p/8589539.html

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}$/, //不连续的两位字母// /^