vue基础-动态设置meta中title的方法

---

---

前言

vue基础，最近做项目需要动态修改meta中title的显示

---

一、页面代码

1、设置meta代码如下

<route lang="yaml">
meta:
  title: 页面一
  permission: system:yemian
  </route>

2、解决办法

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

总结

这就是动态设置meta中title的方法，希望帮助到你。