vue打开新的标签页+动态渲染标题
一 vue打开新的标签页
Hearder.vue(修订)
methods: {
jumphome(location) {
localStorage.this_nav = location;
this.$router.push(location);
},
jump(location) {
// 改变永久仓库的值
localStorage.this_nav = location;
// vue-router除了提供router-link标签跳转页面以外，还提供了 js跳转的方式
// this.$router.push(location);
window.open(location,'_blank')
},
二 vue-动态渲染标题
main.js（修订）
...
// 动态修改页面标题
router.beforeEach((to, from, next) => {
/* 路由发生变化修改页面title */
if (to.meta.title) {
document.title = to.meta.title
}
next()
});
...
router.js（修订）
...
{
path: '/',
name: 'home',
component: Home,
meta:{
title:'vue-❤-yan'
}
{
path: '/course',
name: 'course',
component: Course,
meta:{
title:'实战课'
}
},
{
path: '/Light-Course',
name: 'Light_Course',
component: LightCourse,
meta:{
title:'轻课'
}
...
