我想 for each 页面设置不同的页面标题值.

用普通的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中获得这种效果?

也就是说,在初始页面加载和更改页面时,我都希望浏览器选项卡的标题更改.例如,从"My App-About"到"My App-Profile".

推荐答案

nuxt docs开始,在每个pages组件中,您可以定义返回页面标题的head函数,即.

head() {
    return {
      title: "About page"
    };
  }

Vue.js相关问答推荐

VueJS不会呈现一个名为None的组件""

Vue 3 如何通过多个组件传递插槽

vuetify/mdi 不显示图标

当用户在嵌套路由中时激活链接

使用 Vue.js 将文件输入绑定到按钮

如果找不到路由,Vue.js如何重定向到公共路由

VueJS CKeditor5 上传图片

Object.assign 没有正确复制

如何在异步功能上使用 debounce?

Vue3在'vue-router'中找不到导出'createWebHistory,createRouter'

如何将参数传递给使用 ...mapActions(...) 映射的函数?

v-on:submit.prevent 不停止表单提交

如何在 Node.js 服务器上部署 Vue.js 应用程序

npm run dev 和 npm run production 的区别

如何确定 Vue 何时完成更新 DOM?

在 Vue 单元测试中单击按钮时触发表单提交

Vue 3 组合 API 数据()函数

居中 v-toolbar-title

如何删除 vue cli 2?

这个业务逻辑有多少属于 Vuex?