Textarea 和 TextInput的区别

Textarea 是一个多行文本输入框，TextInput 是一个单行文本输入框。Textarea 允许用户输入多行文本，而 TextInput 只能输入单行文本。Textarea 可以用于输入大段文本，比如评论、文章等，而 TextInput 更适合短文本输入，比如用户名、密码等。另外，Textarea 可以设置行数和列数，而 TextInput 只有宽度和高度两个属性。

相关问题

<textarea class="feedback_input" bindinput="textInput" v-bind:value="textVal" placeholder="请输入您的反馈内容(200字以内)" maxlength="200"></textarea> textInput() { console.log(this.textVal) }为什么控制台显示的是这个Do not have textInput handler in component: packages/feedback/feedback. Please make sure that textInput handler has been defined in packages/feedback/feedback.

根据你提供的代码，出现错误信息 "Do not have textInput handler in component: packages/feedback/feedback. Please make sure that textInput handler has been defined in packages/feedback/feedback." 可能是因为你在组件中没有正确定义 `textInput` 处理程序。

根据你提供的代码片段，我注意到你使用了 `bindinput` 属性来绑定 `textInput` 方法。然而，根据错误信息来看，似乎 `textInput` 方法没有在组件中正确定义。

请确保你在组件中正确定义了 `textInput` 方法并将其绑定到 `bindinput` 属性。例如，在 Vue.js 中你可以这样定义和绑定方法：

methods: {
  textInput() {
    console.log(this.textVal);
  }
}

确保 `textInput` 方法在组件的 `methods` 对象中正确定义，并确保组件中存在一个名为 `textVal` 的 data 属性。另外，也要确保你的代码中没有其他地方重复定义了 `textInput` 方法。

如果问题仍然存在，请提供更多关于组件的代码细节，以便我们能够更好地理解问题并给出更具体的解决方案。

el-input textarea回车换行

要在el-input的textarea中实现回车换行，可以通过设置CSS样式来实现。具体方法是在el-input的style属性中添加white-space: pre-wrap;和word-break: break-all;两个属性。代码如下所示：

<el-input style="white-space: pre-wrap;word-break: break-all;" v-model="currentItem.name" type="textarea" class="text-value" maxlength="70" :show-word-limit="true" @input="textInput" @keyup.enter.native="handleTextInputEnter" />

其中，white-space: pre-wrap;属性可以保留文本中的空格和换行符，而word-break: break-all;属性可以在单词内换行，避免出现单词被截断的情况。