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

Posted 2020-12-21

问题描述

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