我想为每个页面将页面标题设置为不同的值。
在常规的Vue.js中,我执行了以下操作:
import router from './router'
import { store } from './store/store';
router.beforeEach((to, from, next) => {
store.mutations.setRoute(to);
document.title = store.getters.pageTitle;
next();
}
我如何在nuxt中获得这种效果?
也就是说,在初始页面加载和更改页面时,我都希望浏览器选项卡的标题更改。例如,从“我的应用程序-关于”到“我的应用程序-个人资料”。
在nuxt docs中,
pages
您可以在每个组件中定义head函数,该函数返回页面标题,即