element-ui $prompt输入弹框

最新推荐文章于 2024-08-11 16:20:52 发布

用户147258369

最新推荐文章于 2024-08-11 16:20:52 发布

阅读量975

点赞数

文章标签： vue.js 前端

本文链接：https://blog.csdn.net/hyq_07_27/article/details/131008586

版权

该段代码展示了一个在Vue.js应用中使用$prompt方法创建的警告类型输入框，用户需输入名称。输入框带有默认值，并在点击确定时执行验证，如果输入为空则提示错误信息。用户可以选择取消输入，此时会显示一个信息提示。

摘要由CSDN通过智能技术生成

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