前面提到使用vue开发APP，自己不太熟悉，后来了解到有这个mui框架，然后改变状态栏颜色和监听返回键也是使用的这个框架，后来又遇到了一些问题，但是官网没有写操作方法（也许是没找到），后来在网上找到了解决办法，现在稍微总结一下，个人认为这个框架很强大

老规矩先上 mui框架官网

初始化mui框架

mui.init();

当DOM准备就绪时，指定一个函数来执行，进入页面执行的函数基本写在这个里面，例如改变状态栏字的颜色等等

mui.plusReady(function() {//函数体
})

获取Android权限

plus.android.requestPermissions(["权限名"],function(resultObj){console.log(resultObj)}
)
例如获取相机权限
plus.android.requestPermissions(["android.permission.CAMERA"],function(resultObj){console.log(resultObj)}
)

具体有哪些权限可以在打包时看Android权限配置，这里打钩不一定有效，例如我上面使用的相机权限，但是可以看到权限名称

关闭软件盘

document.activeElement.blur();

更改状态栏字的颜色

plus.navigator.setStatusBarStyle("dark");//dark深色；light浅色

2021.11.10更新

老总之前让开发的APP，现在搞了一个广告屏，想用一个APP开启自启，然后开发的这些应用在APP里面直接点击按钮唤醒

唤醒其他APP

plus.runtime.openURL(UrlSchemes, errorCB,identity);
第一个参数是要唤醒的应用的url，必选
第二个参数是打开URL地址失败的回调，可选
第三个参数是指定打开URL地址的程序名称，可选

需要唤醒的APP打包时填写这个，我这里填的是 collect（采集），如果不填这个默认是应用的appid小写

代码写的时候

使用npm run build打包后再使用HbuilderX打包5+APP应用安装可以使用，使用浏览器没反应
另外还有个不使用mui框架的方法就是直接使用a标签链接也可

2022.1.19更新

上面那个APP，要完全不让别人退出，需要隐藏下面的虚拟导航栏，例如返回键和桌面键

隐藏手机下方虚拟按键

plus.navigator.hideSystemNavigation();

后续遇到其它问题再补充

也可以看我之前写的一些解决5+APP的博客
HbuilderX打包的vue项目，状态栏问题
解决使用HbuilderX打包vue项目后，按物理返回键直接退出程序的问题
HbuilderX打包vue移动端项目自有证书生成

❀❀❀❀❀❀完结散花❀❀❀❀❀❀

Written ❤️ sywdebug.

vue开发移动端，mui框架的各种使用方法相关推荐

用Vue开发小程序的框架
在尤大微博铺垫着"将会引入一些关于 TypeScript 的改进"一周之后,代号为 Level E 的 Vue.js 2.5 带着日漫风来到了我们眼前.从 Release Note ...
android底部导航栏svg,vue开发移动端底部导航条功能
效果图 src/app.vue 头部导航内容区域 import Tabbar from 'components/tabbar'; export default { name: 'App', comp ...
vue开发移动端环境配置_如何设置移动开发环境
vue开发移动端环境配置 The use of mobile devices has increased considerably in the past decade. It has been ov ...
Vue.js 2.5 发布，而这个会玩的团队已经自研出用 Vue 开发小程序的框架了
在尤大微博铺垫着"将会引入一些关于 TypeScript 的改进"一周之后,代号为 Level E 的 Vue.js 2.5 带着日漫风来到了我们眼前.从 Release Note ...
vue前端移动端UI框架比较分析
Vant Vant框架简介组件都是来源于有赞的微商城业务,并且经过有赞业务的检验完善详实的中文文档专门的设计师团队维护视觉规范,统一而优雅支持 babel-plugin-import 单测覆 ...
python 移动ui框架_Touch UI：基于vue的移动端UI框架
Hi,我们做了一款高质量的.免费的移动端UI框架. 经过将两年多开发和项目实践,我们终于把Touch UI开放出来了.这是一套基于vue.js打造的移动端UI框架,包含近百种组件,几乎囊括了开发移动应 ...
Vue开发跨端应用（一）环境搭建
前言: 基于vue开发一款跨三端的简单环境,使用electron开发桌面程序,使用cordova开发移动应用 github: https://github.com/317482454/electron ...
vue开发移动端h5环境搭建
技术选型公司现在需要开发移动端的h5,使用现在比较流行的vue 2.0开发,使用的脚手架是Vant2,网络访问使用的是axios,路由跳转使用的是vue-router,开发工具是vscode,作为一 ...
vue,uni-app 移动端UI框架（组件库）
一.Vant UI 轻量.可靠的移动端 Vue 组件库 https://youzan.github.io/vant/#/zh-CN/intro 二.uView(推荐): 多平台快速开发的UI框架. 介 ...

vue开发移动端，mui框架的各种使用方法