使用路由守卫添加页面的title

main.js 

router.beforeEach((to, from, next) => {
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

router-/index

import Vue from 'vue'
import Router from 'vue-router'

const downApp = () =>
    import ('@/pages/downApp')

export default new Router({
    mode: 'history',
    routes: [
        // 下载app
        {
            path: '/down-app',
            name: 'downApp',
            component: downApp,
            meta: {
                title: '下载app'
            }
        },
    ]
})

使用路由守卫添加页面的title_第1张图片

你可能感兴趣的:(vue)