element里的 this.$prompt文本输入提示框
时间: 2023-08-05 13:43:39 浏览: 834
VUE-消息提示框.docx
Element UI 提供了一个名为 `$prompt` 的方法,可以用于弹出一个带有文本输入提示框的对话框。具体使用方法如下:
```
this.$prompt('请输入内容', '提示', {
inputValue: '', // 输入框默认值
inputPlaceholder: '请输入内容', // 输入框提示文本
inputPattern: /.+/, // 输入框校验规则
inputErrorMessage: '输入内容不能为空', // 输入框校验失败时的提示信息
}).then(({ value }) => {
// 用户点击确定按钮后,获取输入框中的值
console.log(value);
}).catch(() => {
// 用户点击取消按钮后的回调函数
});
```
在上述代码中,`$prompt` 方法接收三个参数,分别为提示文本、对话框标题和选项(可选)。其中选项参数是一个对象,可以配置输入框的默认值、提示文本、校验规则和校验失败时的提示信息等。使用 `$prompt` 方法弹出的对话框会在用户输入内容后,返回一个 Promise 对象,可以通过 `then` 方法获取用户输入的值,并进行后续操作,或者通过 `catch` 方法处理用户取消操作时的逻辑。
阅读全文