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:'輕課'
    }
...