来自Vue路由器的ViewBag.Title

Question

如何通过Vue路由器的meta.title更改此标题？

@{
ViewBag.Title = "Home Page";
}

Answer 1

您需要在metaTags下定义title属性，在其中定义路线，请参考示例以获取更多详细信息。 https://alligator.io/vuejs/vue-router-modify-head/

Answer 2

只需在main.js中添加它：

router.beforeEach((to, from, next) => {
    document.title = to.meta.title + ' - WebSite'
    next()
});

在所有路线中都这样：

meta: { 
    title: 'Page Title',
}

谢谢大家的帮助。