可输入弹框 $prompt

1、默认值、校验

            this.$prompt(
                '请输入文件夹名称：', 
                '提示',
                {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type:"warning",            // 图标样式 "warning"|"error"...
                    inputValue: '输入框默认值',
                    inputErrorMessage: '输入不能为空',
                    inputValidator: (value) => {       // 点击按钮时，对文本框里面的值进行验证
                        if(!value) {
                            return '输入不能为空';
                        }
                    },
                    // callback:function(action, instance){
                    //     if(action === 'confirm'){
                    //         // do something...
                    //         console.log(instance.inputValue);
                    //     }
                    // }
                }).then(({value}) => {
                    console.log(value);
                    // TO DO DO ...
                }).catch((err) => {
                    console.log(err);
                });  

2、阻止弹框关闭：

            const msg = 'IP格式不正确！';
            const ipReg = new RegExp(/[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}$/);
            const that = this;

            this.$prompt(
            '请输入服务器IP（类似:8.8.8.8）',
            '提示',
            {
                inputValidator:(val) =>{
                    if(!ipReg.test(val)){
                        return msg;
                    }
                },
                // 阻止关闭（beforeClose中如果不调用done()弹框就无法关闭）
                beforeClose: (action, instance, done) => {
                    if(action === 'confirm' && !ipReg.test(instance.inputValue)){
                        that.$message(msg);
                    }else{
                        done();
                    } 
                }
            }).then(val =>{
                // ...
                that.$message({type:'success', message:'设置成功'});
            })

确认弹框 $confirm

调用方法同上，$confirm不带输入框。