美文网首页
vue+element 确认弹窗(携带参数返回)

vue+element 确认弹窗(携带参数返回)

作者: w_wx_x | 来源:发表于2020-07-14 16:23 被阅读0次
    效果图.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()
      }
    }
    

    相关文章

      网友评论

          本文标题:vue+element 确认弹窗(携带参数返回)

          本文链接:https://www.haomeiwen.com/subject/mmkfhktx.html