princípios básicos do vue - método para definir dinamicamente o título no meta

---

---

Prefácio

Noções básicas do Vue. Recentemente, precisei modificar dinamicamente a exibição do título no meta ao trabalhar em um projeto.

---

1. Código da página

1. Defina o metacódigo da seguinte forma

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

2. Solução

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

Resumir

É assim que se define dinamicamente o título no meta.Espero que ajude você.