vue+element 确认弹窗（携带参数返回）

效果图.png

// confirmBox.js
import { MessageBox } from 'element-ui'
export default function MeetingConfirmBox () {
    var isFinish = false
    return new Promise((resolve, reject)=>{
        const h = this.$createElement
        MessageBox({
            message: h('div', null, [
                h('p', null, '您确定要离开当前会议吗'),
                h('p', { class: 'confirm-description' }, [
                    h('el-checkbox', {
                        key: Date.now(),
                        on: {
                            change: (val)=>{
                                isFinish = val
                            }
                        }
                    }),
                    h('span', null , '离开并结束当前会议')
                ])
            ]),
            customClass: 'meeting-confirm-modal',
            showClose: false,
            showCancelButton: true,
            closeOnClickModal: false,
            type: 'warning'
        }).then(()=>resolve(isFinish)).catch(e=>e);
    })
} 

// 调用
async hangUp() {
  const isFinish = await this.meetingConfirmBox()
  if (isFinish) {
    this.finishConference()
  } else {
    this.leaveConference()
  }
}