用vue和element UI写一个多行输入框
时间: 2023-03-30 09:02:38 浏览: 1613
Vue循环中多个input绑定指定v-model实例
好的,我可以回答这个问题。您可以使用 Element UI 中的 Input 组件,并将其设置为多行输入框。以下是一个示例代码:
```
<template>
<div>
<el-input
type="textarea"
:rows="3"
placeholder="请输入内容"
v-model="inputValue"
></el-input>
</div>
</template>
<script>
export default {
data() {
return {
inputValue: ''
}
}
}
</script>
```
在这个示例中,我们使用了 Element UI 的 Input 组件,并将其类型设置为 textarea,这样就可以创建一个多行输入框。我们还设置了 rows 属性,以指定输入框的行数。最后,我们使用 v-model 指令将输入框的值绑定到组件的 inputValue 数据属性上。
希望这个示例可以帮助您创建一个多行输入框。
阅读全文