Modal

Modal - 图1

引入

  1. import mpModal from 'mpvue-weui/src/modal';
  2. export default {
  3.   components: {
  4.     mpModal,
  5.   },
  6. }

使用

  1. <mp-modal ref="mpModal" :title="title" :content="content" :showCancel="true" @confirm="confirm" @cancel="cancel"></mp-modal>
  1. /* 调用组件的 `show` 方法显示 modal */
  2. this.$refs.mpModal.show();

API

参数说明类型默认值
title提示的标题，必填String-
content提示的内容，必填String-
showCancel是否显示取消按钮Booleantrue
cancelText取消按钮的文字，最多 4 个字符String取消
cancelColor取消按钮的文字颜色，必须是 16 进制格式的颜色字符串String#000000
confirmText确认按钮的文字，最多 4 个字符String确定
confirmColor确认按钮的文字颜色，必须是 16 进制格式的颜色字符串String#3cc51f

Event

事件名说明参数
@confirm点击确定时回调object
@cancel点击取消时回调object
@fail接口调用失败时回调object
@complete调用接口完成时回调object
object 参数说明
  • object
    • errMsg: 提示信息
    • cancel: 为 true 时，表示用户点击了取消按钮
    • confirm：为 true 时，表示用户点击了确定按钮