如何使 vue-i18n 的源代码动态化

Question

我有这行代码位于

script

标签

<i18n locale="en" src="../../local/en/index/first.json"></i18n>

之外

这个使用静态源，有没有办法让我通过动态设置

src

来导入文件，或者最好在可能的情况下将其设置为道具？

Answer 1

是的，您可以在 data() 中设置文件路径并将其作为 prop 动态传递给 i18 组件。

您可以根据需要更改此路径：

  data() {
return {
  locale: 'en',
  dynamicSrc: `../../local/${this.locale}/index/first.json`
};

}

并将其传递给组件：

<i18n :src="dynamicSrc"></i18n>