如何动态切换tab标题

[dodu2014]

很感谢 soybean-admin，模块思路都很清晰，已经尝试在使用了。现在出现了一个小问题，请教下作者。

需求是这样的：
有些页面组件是新增和编辑都可以同时使用同一页面组件的，由于当前走的文件路由，路由name和path的枚举都已经自动生成，所以不好自定义，想在想在进入改页面时，在 onMounted 通过 route 的 query 来判断是否是那种操作，来通过改变 route.meta 来动态更新 tab 的标题 和 页面标题显示，示例：

import { onMounted } from 'vue';
import { useRoute } from 'vue-router';

const route = useRoute();

onMounted(() => {
  route.meta.title = route.query.id ? '编辑资讯' : '新增资讯';
  route.meta.i18nTitle = route.query.id
    ? 'message.routes.articles.article_edit'
    : 'message.routes.articles.article_new';
});

可是并不能通过该方法得到想要的结果。

也尝试使用 useTabStore().setActiveTabTitle(title) 来更新，结果也不是想要的(这个貌似不起任何作用)。

[dodu2014]

这只是一种情况，可能还有很多情况都是不同的路由，指向的页面组件是同一个。这个时候改怎么处理tab标题和页面标题呢

[honghuangdc]

这只是一种情况，可能还有很多情况都是不同的路由，指向的页面组件是同一个。这个时候改怎么处理tab标题和页面标题呢

推荐用这种方式，将页面内容抽离出一个组件，然后分别引入到编辑和新增的页面。
至于区分编辑还是新增，可以在路由的props给个属性区分

[dodu2014]

谢谢，我也这样考虑过，并且需要多个路由指向的view，感觉有些麻烦。
另外在示例：功能/tab页签 下使用 setActiveTabTitle 设置当前tab标题也是无效。可能是个bug吧，能否修复。

[honghuangdc]

谢谢，我也这样考虑过，并且需要多个路由指向的view，感觉有些麻烦。
另外在示例：功能/tab页签 下使用 setActiveTabTitle 设置当前tab标题也是无效。可能是个bug吧，能否修复。

之前上了国际化的功能，所以Tab这里优先用了国际化的文本，所以设置Tab标题的不起作用了

[dodu2014]

好的，明白了，非常感谢~~