Vue.js Vue JS-如何将路由（：id）转换为i18N翻译？

想象一下这个Vue JS模板：

<template>
    <b-container>
      <b-row>
        <b-col>
          <div>
          {{$t("competence.*web-developer*.title1")}}
          </div>
        </b-col>
      </b-row>
  </b-container>
</template>

])

我的问题是：如何将{{{this.$route.params.id}}像这样输入到我的翻译中

{{$t("competence.{{this.$route.params.id}}.title1")}}

我意识到我做不到这一点，但这正是我努力实现的目标。处理转换字符串中的动态值的最佳方法是什么

---

谢谢大家!

您可以使用名称attr在路由之间导航，并用国际化值填充路径参数。这样，您可以传递路径中的任何内容。

您可以使用名称attr在路径之间导航，并使用国际化值填充路径参数。这样，您可以传递路径中的任何内容。

您可以在模板中连接字符串

{{$t("competence."+$route.params.id+".title1")}}

---

可以在模板中连接字符串

{{$t("competence."+$route.params.id+".title1")}}

---

太好了，就是这样。明显地我没看见，谢谢。太好了，就这样。明显地我没看见，谢谢。