美文网首页Vue
vueCli3移动端h5修改页面title

vueCli3移动端h5修改页面title

作者: 里昂的凍檸茶 | 来源:发表于2019-11-23 18:02 被阅读0次

目前所用的方法是:

1、在main.js通过监听路由修改title

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount("#app");

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

router文件配置路由title

{
    path:"/operating",
    name:"operating",
    component:()=>import("@/views/operating.vue"),
    meta: {
      title: '操作指引'
    }
  },
  {
    path:"/viewContent",
    name:"viewContent",
    component:()=>import("@/views/viewContent.vue"),
    meta: {
      title: '详情'
    }
  }

相关文章

网友评论

    本文标题:vueCli3移动端h5修改页面title

    本文链接:https://www.haomeiwen.com/subject/evghwctx.html