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