聊天框 点击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'
          }

复制代码

 

posted on   ChoZ  阅读(91)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 本地部署DeepSeek后,没有好看的交互界面怎么行!
· 趁着过年的时候手搓了一个低代码框架
· 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!
· 用 C# 插值字符串处理器写一个 sscanf

导航

< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8
点击右上角即可分享
微信分享提示