框架常用方法

本框架基于vue3搭建结合mpaas封装开发

$statusBar

设置状态栏样式

传参字段解释

参数	说明	是否必填
value	white:白色;black:黑色	是

示例代码

created() {
    this.$statusBar.value = "white";
}

push

打开新页面

传参字段解释

参数	说明	是否必填
第一参数	url(页面名称)	是
第二参数	{data:{},param:	是

data 自定义参数 ;param mPaas 参数 参考

示例代码

import router from "@utils/bd_router";
//vue 的方法
methods:{
    openMy(){
        let param = {
          'data' :{
            'title':'选择国家',
            'id':'registeredAddrCountry',
            'method':'callBack'
          }
        }
        router.push('my',param)
    } 
}

goback

关闭当前页返回上一页,并调用方法(返回并刷新)

传参字段解释

参数	说明	是否必填
第一参数	{methods:'',param:	否

methods 方法 ;param 方法传参

示例代码

//上一页面
created (){
  window.callBack = this.callBack
},
methods: {
  callBack(obj){

  },
}

//当前页面
import router from "@utils/bd_router";
//vue 的方法
methods:{
    closeMy(){
        let obj = {
        methods:'callBack',
        param:{c:123456}
      }
      router.goback(obj);
    } 
}

close

关闭多个页面,并调用方法(关闭并刷新)

传参字段解释

参数	说明	是否必填
第一参数	{data:{methods:'',param:''},...}	否

不传参等同于goback ,data等同于goback的参数，data平级的其他参数 参考

示例代码

//返回到页面
created (){
  window.callBack = this.callBack
},
methods: {
  callBack(obj){

  },
}


//当前页面
import router from "@utils/bd_router";
//vue 的方法
methods:{
    //关闭到主页
    closeIndex(){
    let obj = {
        methods:'callBack',
        param:{c:123456}
      }
    let param = {
          data:obj
          urlPattern: 'index',
      }
      router.close(param);
    } 
}

getParams

获得页面传参

传参字段解释

参数	说明	是否必填
第一参数	key	否

不传获得所有参数，传key获得指定参数

示例代码

import bd_utils from "@utils/bd_utils";
//vue 的方法
methods:{
    get(){
        bd_utils.getParams("clientType");
    }
}

getStyle

获得状态栏高度的样式

传参字段解释

参数	说明	是否必填
第一参数	statusbarHeight	是

示例代码

import height_utils from "../../../../utils/height_utils";
const pdt = height_utils.getStyle("statusbarHeight");
//vue 的方法
data(){
    return {
      pdt
  }
}
//模板
`<header :class="[pdt]"> </header>`

getStatusbarHeightPx

获得状态栏高度 (px)

示例代码

import height_utils from "../../../../utils/height_utils";
created() {
    this.paddingTop = height_utils.getStatusbarHeightPx(); //状态栏高度
  }