<el-input type="textarea" id="demoText" :rows="6" resize="none" v-model="textarea" @blur="handleInputBlur" @keydown.enter.native="carriageReturn($event)" ></el-input> // 回车发送消息 carriageReturn(event) { let e = window.event || arguments[0]; // console.log(e,e.keyCode) if (e.key == "Enter" || e.code == "Enter" || e.keyCode == 13) { e.returnValue = false; this.changeSendOut(); return false; 直接看代码,文本框代码,下面是绑定的事件@keydown.enter="carriageReturn($event)" <textarea style=" width: 100%; height: 110px; outline: none; border: none; resize: none; 要在el-input的textarea中实现回车换行,可以通过设置CSS样式来实现。具体方法是在el-input的style属性中添加white-space: pre-wrap;和word-break: break-all;两个属性。代码如下所示: ```html <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;属性可以在单词内换行,避免出现单词被截断的情况。 tsc : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.m CSDN-Ada助手: 不知道 Vue入门 技能树是否可以帮到你:https://edu.csdn.net/skill/vue?utm_source=AI_act_vue 前端请求,后台一直返回404路径报错 可靠的余念安: 解决了吗[code=html] Failed to load resource: the server responded with a status of 404 (Not Found) [/code] element-ui的按钮组件,点击没反应,连小手都没了 桃子的小框: 感谢提供思路 el-input 纯数字输入 限制长度 限制最大值方法 晚风吹耶yep: 应该是他设置的国际化语言
<el-input type="textarea" id="demoText" :rows="6" resize="none" v-model="textarea" @blur="handleInputBlur" @keydown.enter.native="carriageReturn($event)" ></el-input>
// 回车发送消息 carriageReturn(event) { let e = window.event || arguments[0]; // console.log(e,e.keyCode) if (e.key == "Enter" || e.code == "Enter" || e.keyCode == 13) { e.returnValue = false; this.changeSendOut(); return false; 直接看代码,文本框代码,下面是绑定的事件@keydown.enter="carriageReturn($event)" <textarea style=" width: 100%; height: 110px; outline: none; border: none; resize: none; 要在el-input的textarea中实现回车换行,可以通过设置CSS样式来实现。具体方法是在el-input的style属性中添加white-space: pre-wrap;和word-break: break-all;两个属性。代码如下所示: ```html <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;属性可以在单词内换行,避免出现单词被截断的情况。 tsc : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.m CSDN-Ada助手: 不知道 Vue入门 技能树是否可以帮到你:https://edu.csdn.net/skill/vue?utm_source=AI_act_vue 前端请求,后台一直返回404路径报错 可靠的余念安: 解决了吗[code=html] Failed to load resource: the server responded with a status of 404 (Not Found) [/code] element-ui的按钮组件,点击没反应,连小手都没了 桃子的小框: 感谢提供思路 el-input 纯数字输入 限制长度 限制最大值方法 晚风吹耶yep: 应该是他设置的国际化语言
// 回车发送消息 carriageReturn(event) { let e = window.event || arguments[0]; // console.log(e,e.keyCode) if (e.key == "Enter" || e.code == "Enter" || e.keyCode == 13) { e.returnValue = false; this.changeSendOut(); return false; 直接看代码,文本框代码,下面是绑定的事件@keydown.enter="carriageReturn($event)" <textarea style=" width: 100%; height: 110px; outline: none; border: none; resize: none;
要在el-input的textarea中实现回车换行,可以通过设置CSS样式来实现。具体方法是在el-input的style属性中添加white-space: pre-wrap;和word-break: break-all;两个属性。代码如下所示: ```html <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;属性可以在单词内换行,避免出现单词被截断的情况。 tsc : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.m CSDN-Ada助手: 不知道 Vue入门 技能树是否可以帮到你:https://edu.csdn.net/skill/vue?utm_source=AI_act_vue 前端请求,后台一直返回404路径报错 可靠的余念安: 解决了吗[code=html] Failed to load resource: the server responded with a status of 404 (Not Found) [/code] element-ui的按钮组件,点击没反应,连小手都没了 桃子的小框: 感谢提供思路 el-input 纯数字输入 限制长度 限制最大值方法 晚风吹耶yep: 应该是他设置的国际化语言