Weex入门教程之4，获取当前全局环境变量和配置信息(屏幕高度、宽度等)

本文主要是介绍Weex入门教程之4，获取当前全局环境变量和配置信息(屏幕高度、宽度等)，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

$getConfig()

获取当前全局环境变量和配置信息。

Returns:

• config (object): 配置对象；
• bundleUrl (string): bundle 的 url；
• debug (boolean): 是否是调试模式；
• env (object): 环境对象；
  
  • weexVersion (string): Weex sdk 版本；
  • appName (string): 应用名字；
  • appVersion (string): 应用版本；
  • platform (string): 平台信息，是 iOS、Android 还是 Web；
  • osVersion (string): 系统版本；
  • deviceModel (string): 设备型号 （仅原生应用）；
  • deviceWidth (number): 设备宽度，默认为 750，满屏是750；
  • deviceHeight (number): 设备高度。

具体使用

在元素标签中使用：

<template><div class='flex' style='position: fixed; bottom: 0; width: {{$getConfig().env.deviceWidth}}px;'><div class='flex-item'><text>2</text></div><div class='flex-item'><text>2</text></div><div class='flex-item'><text>2</text></div></div>
</template>

在组件的方法中通过 this （Vm）上下文访问这些 API：

<script>
module.exports = {methods: {somemethod: function() {this.$getConfig().env.deviceWidth;}}
}
</script>

更多，请访问https://weex-project.io/cn/v-0.10/references/api.html

这篇关于Weex入门教程之4，获取当前全局环境变量和配置信息(屏幕高度、宽度等)的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---