聊天框 点击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  阅读(93)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· 终于写完轮子一部分:tcp代理 了,记录一下
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理

导航

< 2025年3月 >
23 24 25 26 27 28 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 29
30 31 1 2 3 4 5
点击右上角即可分享
微信分享提示