动态修改路由的meta.title

编程入门 行业动态 更新时间:2024-10-07 17:26:26

动态修改<a href=https://www.elefans.com/category/jswz/34/1771390.html style=路由的meta.title"/>

动态修改路由的meta.title

 

需求:

从一级页面跳转到多个二级页面,发现二级页面大体相同,只有面包屑的title不一样

解决办法:

在二级页面使用beforeRouteEnter查看从那个按钮跳转过来

一级页面:index.vue

// 批量启用\批量停用操作toPage(item) {this.$router.push({path: '/equipment/distribute/batch',query: {type: item}})},

二级页面:batch.vue

beforeRouteEnter:(to,from,next) => {if(to.query.type == 'start') {to.meta.title = '批量启用'}else if(to.query.type == 'stop') {to.meta.title = '批量停用'}next()console.log(to,'tttt')},

更多推荐

动态修改路由的meta.title

本文发布于:2024-03-23 15:09:16,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/34/1739607.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:路由   动态   title   meta

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!