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 文件中读取的号码。