页面初始化调用configuration.setLocale()接口踩坑记录

问题描述

快应用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
作者:鼓楼赵又廷

上一篇:php – 在Laravel中为日期配置荷兰语格式


下一篇:java-在android中动态创建“ values-en”文件夹