VueJs中的语言支持

时间:2017-06-23 17:45:07

标签: javascript jquery vue.js multilingual

目前我正在使用vuejs开发SPA,我需要为此添加语言支持。我们已经有一个语言服务,您可以请求语言('en-us'和等),它将返回语言json( 200KB +数据集并立即获取所有数据将严重影响性能 )以下格式的对象:

"Texts": [
        {
            "Text": "Setup user",
            "TextId": 10000
        },
        {
            "Text": "SU",
            "TextId": 10001
        },
        {
            "Text": "Address",
            "TextId": 10002
        },
        {
            "Text": "Invoice date",
            "TextId": 10004
        },....]

在prevoius jquery应用程序中,我们开发了一种语言填充方式,您只需要为使用过的键请求语言翻译(因为我们使用了jquery)

我们就是这样做的:我们为所有需要翻译的html元素添加了一个数据键属性,并将键作为值提供。然后使用jquery我们收集了应用程序中所有请求的密钥

$('*[data-key]').each...

然后发布了请求。

通过此机制,我们只能为使用过的密钥获取翻译。

我对vuejs有点新意,并试图弄清楚如何在vuejs中做同样的事情。我非常感谢你的帮助。

PS: 我可以通过在应用程序中的两个位置(一个在请求对象中,一个在我需要翻译的位置)添加密钥来轻松实现此目的,但我相信应该有另一个解决方案,您只需添加一次密钥。

0 个答案:

没有答案