elementui input textarea

ElementUI的input textarea是一个基于Vue.js的组件库，它提供了一系列可定制的表单组件，包括文本框(input)和文本域(textarea)等。

要使用ElementUI的input textarea，需要引入ElementUI的库文件，并按照需求配置相应的属性。

以下是使用ElementUI实现textarea的示例代码：

<template>
  <el-input type="textarea" v-model="textareaValue" :rows="5" class="textarea-box"></el-input>
</template>

<script>
export default {
  data() {
    return {
      textareaValue: ''
    }
  }
}
</script>

<style scoped>
.textarea-box {
  height: 140px;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
}
</style>

在这个示例中，我们使用了`el-input`组件，将`type`属性设置为"textarea"，这样就将输入框变为了文本域。我们还可以使用`rows`属性来设置文本域的行高。

另外，如果需要显示文字的总长度，可以使用`show-word-limit`属性。但是默认情况下，它可能会遮挡住输入的文字。为了解决这个问题，可以通过修改样式来调整位置，或者使用`el-input__count`类来自定义样式。

通过以上步骤，就可以实现一个基本的ElementUI的input textarea。你可以根据自己的需求添加其他属性或自定义样式。

希望以上信息能对你有帮助！