聊天框 点击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 IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理