更新记录
0.0.2(2023-09-04) 下载此版本
无
0.0.1(2023-09-01) 下载此版本
无
平台兼容性
Vue2 | Vue3 |
---|---|
√ | × |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
× | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
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参数暂未调试后续再调