Vue-Grundlagen – Methode zum dynamischen Festlegen von Titeln in Meta

---

---

Vorwort

Vue-Grundlagen. Vor kurzem muss ich die Anzeige des Titels in Meta dynamisch ändern, wenn ich an einem Projekt arbeite.

---

1. Seitencode

1. Legen Sie den Metacode wie folgt fest

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

2. Lösung

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

Zusammenfassen

So legen Sie den Titel dynamisch im Meta fest. Ich hoffe, es hilft Ihnen.