Vue Element UI 消息提示框

this.$prompt('Reason：', 'To Operation Agent', {
                    showCancelButton: true,
                    showInput: true,
                    inputType: 'textarea',
                    inputValue: "",
                    inputValidator: value => {
                        if (value === "") {
                            return true;
                        }
                        return !(value.length > 10);
                    },
                    inputErrorMessage: 'input maxLength is 10!',
                    beforeClose:(action, instance, done)=> {
                        if (action==='confirm'){
                            alert("1111");
                        }
                        done();

                    }
                }).then(() => {
                    this.$message({
                        type: 'success',
                        message: '已驳回'
                    });
                }).catch(() => {
                    this.$message({
                        type: 'info',
                        message: '已取消'
                    });
                });

介绍：使用Vue Element UI 封装的MessageBox的提示框

主要功能：

1：可输入文字的提示框（textarea）：inputType: 'textarea',

2：有校验和校验提示：inputValidator和inputErrorMessage

3：点击消息提示框的确认按钮前可添加自己的操作：beforeClose

4：beforeClose中一定在自定义操作结束后添加done()方法，保证按钮操作能正常结束

拓展：

1：提示框还有：text，password和number类型

2：如果在BeforeClose中不指定action===confirm，则页面的X和取消，确认按钮都会触发BeforeClose里面的操作，

action===confirm：只有确认按钮触发

action!=confirm:只有X和取消按钮触发