vue-i18n

Question

我想动态更新vue-i18n中的本地化消息。

我正在建立一个网上商店，每个项目都有更多语言的描述。所以我想要实现的是当我从REST API获取webshop项目时，我想将它们的名称，描述等放到vue-i18n中的messages对象中，以便它可以使用它们。 vue-i18n API是否有办法解决这个问题？我也从服务器获取数据（我得到了一个Promise），那么如何确保它在浏览器视图中得到更新，当我最终获得响应时，并将数据添加到本地化？

Answer 1

我所做的是写一个mixin，并在我需要动态本地化的任何地方使用它：

public ref class MyClass {

public:
    MyClass() {};  
    MyClass(array<int, 2> ^(&A1), const int &i2) : A1(A1), I2(i2) {};
    String^ Method(); 
    ~MyClass() {};

private: 
    array<int, 2>^ A1 = gcnew array<int, 2>(3, 3) {
        { 1, 1, 1 },
        { 1, 1, 1 },
        { 1, 1, 1 },
    };  
    int I2 = 5;  
};

String^ MyClass::Method() // Simple output for debugging 
{
    String^ OutputText;
    int sum=10;
    OutputText= "OutputText = " + sum;
    return OutputText;
}

这样，当我的文字如下所示时，我可以拨打export default { methods: { $t: function (translate) { if (typeof translate === 'string') { return this.$i18n.t(translate) } else if (translate === void 0) { return this.$i18n.t('loading') } return translate[this.$i18n.locale] } } } （不 $t(text)当然）：

$t('text')

因此，在您的组件中，您必须导入它并将其添加为mixin：

data: function () {
   return {text: {en:'Book', de:'Buch', hu:'Könyv'}}
}