问题描述
快应用app.ux中定义了全局方法changeLocaleConfiguration,该方法是用于设置应用显示语言,在首页生命周期onInit中调用changeLocaleConfiguration(),实际已经触发了该方法,但是应用语言并未发生改变。 代码如下:
app.ux中:
changeLocaleConfiguration() {
this.localeObject = configuration.getLocale()
if (this.localeObject.language === 'zh') {
configuration.setLocale({
language: 'en',
countryOrRegion: 'US'
})
}
else {
configuration.setLocale({
language: 'zh',
countryOrRegion: 'CN'
})
}
}
首页:
onInit() {
this.$app.$def.changeLocaleConfiguration()
}
问题分析
页面初始化onInit()时间非常短,设置语言属于比较耗时的操作,页面来不及渲染。
解决办法
在页面初始化调用设置语言接口时候加上时延,代码如下:
onInit() {
setTimeout(() => {
this.$app.$def.changeLocaleConfiguration()
}, 100);
}
总结:
不建议在页面onInit中调用耗时的操作,如果必须要用需要加上时延。
欲了解更多详情,请参见:
快应用开发指导文档:https://developer.huawei.com/consumer/cn/doc/development/quickApp-Guides/quickapp-whitepaper
多语言支持指导文档:
https://developer.huawei.com/consumer/cn/doc/development/quickApp-References/quickapp-multi-language#h1-1577956810051
原文链接:
https://developer.huawei.com/consumer/cn/forum/topic/0204393662842000121?fid=18
作者:鼓楼赵又廷