聊天框 点击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 2024-01-24 16:18  ChoZ  阅读(201)  评论(0)    收藏  举报

导航