1.0.0 • Published 9 months ago
yl-showmodal v1.0.0
说明:此组件封装了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参数暂未调试后续再调
1.0.0
9 months ago