Javascript 使用NuxtJS（VueJS）和<；设置动态操作栏标题；保持活力/>；突变问题

通常，使用VueCLI3，我使用

vue router meta

属性（有点静态，因为它们是在

router.js

文件中设置的）为ActionBar设置动态标题（例如

Vuetify

）

例如：

//router.js
常数路由=[
{
路径：“/”，
姓名：'家'，
组成部分：家庭，
元：{
标题：“欢迎回家”，
}
},
]

//在App.vue中

使用numxt.JS，我无法找到任何方法来设置

路由meta

，因此我使用

Vuex.store

getter

和

translations

在存储中设置标题并在主布局中获取

例如：

//在mainLayout.vue中
导出默认值{
计算：{
…地图绘制者([
“actionTitle”
])
},
}

//在某些路由页面中，例如：index.vue
导出默认值{
创建（）{
此.$store.commit（'setActionTitle'，'Medical Service BD'）
},
}

当我使用

或使用缓存的组件时，会出现问题。此缓存不会提交这些变化，因此操作栏标题与上一个标题保持静态

---

哪种方法应该是动态标题设置的合适方法？

我从reddit找到的解决方案是使用

激活的
方法。例如：

导出默认值{
激活的（）{
此.$store.commit（'setActionTitle'，'Medical Service BD'）
},
}