使用element里的this.$prompt文本输入框textarea提示并设置他的高度
时间: 2023-12-10 12:38:20 浏览: 873
VUE-消息提示框.docx
可以通过设置 `inputType` 属性为 `'textarea'` 来使用 textarea 输入框,然后再设置 `inputStyle` 属性来设置它的样式,包括高度。
下面是一个示例代码:
```html
<template>
<div>
<el-button @click="showPrompt">显示输入框</el-button>
</div>
</template>
<script>
export default {
methods: {
showPrompt() {
this.$prompt('请输入内容', '提示', {
inputType: 'textarea',
inputStyle: {
height: '200px'
}
}).then(({ value }) => {
console.log(value);
}).catch(() => {
console.log('取消');
});
}
}
}
</script>
```
在上面的示例中,我们设置了输入框的高度为 `200px`。你可以根据自己的需要进行调整。
阅读全文