Vue的i18n中链接区域设置消息的参数化格式

Question

我想用一个参数链接vue-i18n格式的区域设置消息。例如，当我有一个这样的本地化文件时：

{
  "next": "Next step {step+1}: @:steps[{step}]",
  "steps": [
    "Welcome",  // 0 
    "Briefing", // 1
    "Finish"    // 2
  ]
}

我想这样使用它：

$t('next', { step: '1' }) 

// which should result in: "Next step 2: Briefing"
// but instead it leads to: "Next step : Welcome, Briefing, Finish[1]"

以某种方式实现这一目标是可能的吗？

Answer 1

您可以在i18n文件中使用枚举。这里有一个你可以尝试的快速示例。我正在为我的一个项目使用它，它工作正常：

i18n文件：

steps: {
    1: "Welcome",
    2: "Briefing",
    3: "Finish",
},

稍后，您可以访问组件中的枚举，如下所示：

{{ $t(`steps.${step}`) }}

其中，step是要从steps i18n文件中读取的编号。