博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue开发 - 根据vue-router的meta动态设置html里title标签内容
阅读量:4957 次
发布时间:2019-06-12

本文共 939 字,大约阅读时间需要 3 分钟。

1、路由文件 :/index.js 添加 meta属性配置

import Vue from 'vue'import Router from 'vue-router'import index '@/view/index'import user from '@/view/user'Vue.use(Router)export default new Router({    routes: [        {            path: '/index',            name: 'index',            component: index,            meta:{                title:'首页'            }        },        {            path: '/user',            name: 'user',            component: user,            meta:{                title:'个人中心'            }        }    ]})

2、在入口文件 main.js中添加 router.beforeEach 配置 以下代码

1 import Vue from 'vue' 2 import App from './App' 3 import router from './router' 4 router.beforeEach((to, from, next) => { 5     if (to.meta.title) { 6         document.title = to.meta.title 7     } 8     next() 9 })10 new Vue({11     el: '#app',12     router,13     template: '
',14 components: {App}15 })

完结。

转载于:https://www.cnblogs.com/hsl-shiliang/p/10402765.html

你可能感兴趣的文章
MYSQL数据库的导出的几种方法
查看>>
SQL Server-5种常见的约束
查看>>
硬件之美
查看>>
[转载]java开发中的23种设计模式
查看>>
表格的拖拽功能
查看>>
函数的形参和实参
查看>>
文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
查看>>
1Caesar加密
查看>>
【TP SRM 703 div2 500】 GCDGraph
查看>>
MapReduce 重要组件——Recordreader组件 [转]
查看>>
webdriver api
查看>>
apache 实现图标缓存客户端
查看>>
MediaWiki左侧导航栏通过特殊页面就可以设置。
查看>>
揭秘:黑客必备的Kali Linux是什么,有哪些弊端?
查看>>
linux系统的远程控制方法——学神IT教育
查看>>
springboot+mybatis报错Invalid bound statement (not found)
查看>>
Linux环境下SolrCloud集群环境搭建关键步骤
查看>>
P3565 [POI2014]HOT-Hotels
查看>>
MongoDB的简单使用
查看>>
hdfs 命令使用
查看>>