如何在vue模板中动态呈现翻译后的项目？

Question

我正在vue.js应用程序中动态呈现值列表。使用handlebars / mustache语法，该部分很简单。

const types = {
    type_a: {
        key1: "value1",
        key2: "value2",
        label: "My label1",
        I18n_label: #{i18n.__("My label1")}
    },
    type_b: {
        key1: "value1",
        key2: "value2",
        label: "My label2",
        I18n_label: #{i18n.__("My label2")}
    }
  }

li.list-group-item.row(v-for='type in types')
              .col.col-xs-10
                span.span {{type.label}}

但是，我还需要使用I18n标签将这些值转换为多种语言。这不起作用：

li.list-group-item.row(v-for='type in types')
              .col.col-xs-10
                span.span {{type.I18n_label}}

也不这样做：

const types = {
    type_a: {
        key1: "value1",
        key2: "value2",
        label: "My label1",
        I18n_label: `${i18n.__("My label1")}`
    }…

我还尝试创建一个函数来计算值（将“我的标签1”转换为$ {i18n .__（“我的标签1”））}，但这对我也不起作用。

Similar提出的问题恰好足以使我感到困惑。

有什么建议吗？