vue动态title

2018-12-03 本文已影响0人橙小光

我的解决方式利用vue-router的meta属性加上vue的路由守卫beforeEach配置动态title

    {
      path: '/formShow',
      meta:{title: '表单自动生成'},
      component: resolve => require(['@/pages/form/formShowPop'], resolve),
    },

router.beforeEach((to, from, next) => {
  /* 路由发生变化修改页面title */
  if (to.meta.title) {
    document.title = to.meta.title
  }
  next()
})

image.png

router的meta可以作为路由存储变量的一种方法