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和取消按鈕觸發