如何将参数传递给Vue.js i18n< i18n-t>标记

sxpgvts3 于 2022-11-17 发布在 Vue.js

关注(0)|答案(1)|浏览(251)

我正在使用vue.js i18 n包，更具体地说，i18 n-t标记来做一个转换，但我在文档中找不到任何地方，我该如何传递参数？

<i18n-t :keypath="title" scope="parent">
  </i18n-t>

通常我使用v-t表示法传递参数...

v-t="{ path: title, args: { param1: 'value' } }

但是我使用组件是因为它是我到目前为止找到的访问父作用域中的翻译的唯一方法...

1条答案

如果您使用param进行的翻译类似于：

messages: {
  en: {
    title: 'Some {value} title.',
  }
}

您可以尝试使用插槽语法：

<i18n-t keypath="title" tag="p">
  <template v-slot:value>
    <span>{{ myValue }}</span>
  </template>
</i18n-t>