1.0.0 • Published 9 months ago

yl-showmodal v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
9 months ago

说明:此组件封装了uni的showModal消息弹框,和退出小程序功能;

使用:

  1. 在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
  2. 在页面需要的地方加入:<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 点击确定时的回调

注意:

  1. 因为生命周期的原因在onready和mounted之前使用的话需要传入当前的vue实例:this.$showModal(this,'错误信息') 2.cancle,confirm参数暂未调试后续再调
1.0.0

9 months ago