更新记录
0.0.2(2023-09-04) 下载此版本
无
0.0.1(2023-09-01) 下载此版本
无
平台兼容性
uni-app
Vue2 | Vue3 |
---|---|
√ | ? |
app-vue | app-nvue | app-android | app-ios |
---|---|---|---|
? | ? | ? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 | 钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
快应用-华为 | 快应用-联盟 |
---|---|
? | ? |
uni-app x
app-android | app-ios |
---|---|
? | ? |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
? | ? | ? | ? | ? | ? | ? | ? | ? |
说明:此组件封装了uni的showModal消息弹框,和退出小程序功能;
使用:
-
在main.js引入挂载
import showModal from './components/yiling-showModal/showModal.vue' import {emitMsg} from './components/yiling-showModal/showModal.js'
Vue.component('showModal',showModal) Vue.prototype.$showModal = emitMsg
- 在页面需要的地方加入:
<show-modal></show-modal>
;在需要弹框的地方使用:this.$showModal('错误信息')
;传参说明:
showModal(this,...data)
- this 非必填 (当使用在onready或mounted生命周期之前必填)
- ...data 可以是showModal(content,isClose,title,cancle,confirm)参数形式;可以是{title:,content:,isClose:,cancle:,confirm:}对象形式
- content 弹框内容
- isClose 是否开启关闭小程序
- title 弹框标题
- cancle 点击取消时的回调
- confirm 点击确定时的回调
注意:
- 因为生命周期的原因在onready和mounted之前使用的话需要传入当前的vue实例:this.$showModal(this,'错误信息') 2.cancle,confirm参数暂未调试后续再调