vue-line-plug v1.4.11

vue-message-box

插件封装

    #组件中调用
    <message-box
      :messageParams="messageBox"    //需要传入的参数
      @successMethod="successMethod" //点击确定后执行的事件
      @failMethod="failMethod"       //点击取消后执行的事件
    ></message-box>

    #组件中data定义
    messageBox: {
        content: '测试内容', // 弹框内容
        title: '测试标题', //弹框标题
        type: 'success', //弹框状态
        isComfirm: true, //是否为确认弹框
        confirmText: '确定按钮', //确定按钮内容
        cancelText: '取消按钮', //取消按钮内容
        successText: '确定成功', //确定成功
        failText: '取消成功' //取消成功
      }
    #组件中methods定义
    successMethod() {
      console.log('调用成功事件')
    },
    failMethod() {
      console.log('调用取消事件')
    }