Vue 动态设置路由Meta title 名称

路由配置

import ('@/views/accountManagement/editMain'),
beforeEnter: (to, from, next) => {if (to.query.id == 1) {to.meta.title = '编辑主账号'} else {to.meta.title = '编辑子账号'}next()
},

路由跳转

this.$router.push({path: 'editMain',query: {id: 1||2}
})

或路由配置

import ('@/views/accountManagement/editMain'),
beforeEnter: (to, from, next) => {to.meta.title = to.query.titleNamenext()
},

路由跳转

this.$router.push({path: 'editMain',query: {titleName:'动态路由名称'}
})

都可以，看着用。随堂笔记防遗忘！

Vue 动态设置路由Meta title 名称相关推荐

Vue项目如何动态设置路由meta信息中的title属性值
场景:编辑.新建页面配置为同一个路由信息,期望不同页面的文档title展示不一样. 目前的配置如下,不能实现需求. 因此,我们需要动态的去设置meta的值.思路:借助Vue Router的路由独享守卫 ...
Vue动态设置路由title
{ path: '/videoCover', component: () => import ('./view/videoCover.vue'), meta: {title: ''}, }, 需 ...
React-router 5.0项目中统一动态设置路由页面Title
React项目中想在不同的路由页面都有自己的独立title,并且统一设置. 可以在每个路由页面的 componentDidMount() 钩子回调中 document.title = 'title' ...
vue动态设置路由重定向
需求为:项目分为业务系统和后台管理系统,重定向路由'/' 在业务系统显示为homepage,在后台管理系统首页显示为 dashboard: 实现在router.js: import Vue fro ...
Vue 中设置浏览器的 title 跟随路由的名称变化
Vue 中设置浏览器的 title 跟随路由的名称变化浏览器title的变化会根据路由的变化而改变可以先设置一个公共的文件夹setting, 用于存放公共的名称, 例如这里的 `小火车况且况且 m ...
若依 vue前端动态设置路由path不同参数在页面容器里打开新页面（新路由），面包屑和标签页标题根据参数动态改变，面包屑多级标题，侧边栏对应菜单亮起
前言因为是在vue源码的基础上进行修改,所以,就没有复制代码在文章上,采取的是截图对比源码和我修改的代码片段.要麻烦你们自己手敲了. 先来看看效果: 场景:在费用配置列表中,点击每一项的配置,都会在 ...
vue动态添加路由之避坑指南
你是否遇到了: addRouter后出现白屏路由守卫出现死循环踩了很多坑之后,我终于悟到了vue动态添加路由的正确打开方式: 为了设计权限,在前端我们通常采取两种方式 1.在用户登录时获取该用户权 ...
vue 动态修改路由参数
转载自 vue 动态修改路由参数 import merge from 'webpack-merge':修改原有参数 this.$router.push({query:merge(this.$rout ...
[vue] 怎么解决vue动态设置img的src不生效的问题
[vue] 怎么解决vue动态设置img的src不生效的问题不是应该 require('@/assets/images/xxx.png') 这样吗??你这样多浪费资源啊 @chenqim 个人简介 ...

Vue 动态设置路由Meta title 名称

Vue 动态设置路由Meta title 名称相关推荐

最新文章

热门文章