vue開發 - 根據vue-router的meta動態設置html里標簽的內容


路由文件 :router/index.js

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:'個人中心'
}
}
]
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
在入口文件 main.js中添加以下代碼

import Vue from 'vue'
import App from './App'
import router from './router'
router.beforeEach((to, from, next) => {
if (to.meta.title) {
document.title = to.meta.title
}
next()
})
new Vue({
el: '#app',
router,
template: '<App/>',
components: {App}
})
---------------------
作者:、不知不覺、
來源:CSDN
原文:https://blog.csdn.net/u010394015/article/details/79132591
版權聲明:本文為博主原創文章,轉載請附上博文鏈接!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM