聊天框 点击enter发送信息,ctrl+enter换行
<textarea @blur="handleBlur" @focus="handleOnfocus" @keydown.enter.prevent="handleEnter($event)" // keydown才有默认换行,keyup没有,因此stop和prevent要对keydown使用
v-model="value" ></textarea>
handleEnter(event) {
if (event.ctrlKey) { // 监测到按enter时也有按ctrl,则执行换行逻辑
this.handleCtrlEnter()
} else { // 只按enter时执行发送信息逻辑
event.preventDefault()
event.stopPropagation()
this.send()
}
}
handleCtrlEnter() {
this.value += '\n'
}
分类:
实际开发遇到的问题-解决方案
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!
· 用 C# 插值字符串处理器写一个 sscanf