使用element里的this.$prompt文本输入框textarea提示
时间: 2023-12-10 11:05:44 浏览: 286
VUE-消息提示框.docx
你可以使用 Element UI 的 `this.$prompt` 方法来创建一个带有文本输入框(textarea)的提示框。下面是一个示例:
```html
<template>
<div>
<el-button type="primary" @click="showPrompt">打开提示框</el-button>
</div>
</template>
<script>
export default {
methods: {
showPrompt() {
this.$prompt('请输入一些文本', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
inputType: 'textarea',
inputPlaceholder: '请输入文本',
inputRows: 4,
}).then(({ value }) => {
console.log('输入的文本是:', value);
}).catch(() => {
console.log('取消输入');
});
},
},
};
</script>
```
在上面的示例中,我们使用了 `inputType: 'textarea'` 来指定输入框为文本输入框,使用了 `inputPlaceholder` 来设置输入框的占位符,使用了 `inputRows` 来设置输入框的行数。你可以根据需要进行修改。
阅读全文