分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

vue ?路由meta 设置title ??导航隐藏

发布时间:2023-09-06 01:46责任编辑:苏小强关键词:meta

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()})

监听路由 写入 title

  

vue ?路由meta 设置title ??导航隐藏

原文地址:https://www.cnblogs.com/nns4/p/8589539.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved