聊天框 点击enter发送信息，ctrl+enter换行

标签：ctrl 换行 value 发送信息 enter event

            <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'     　　　　　　}

 

标签：ctrl,换行,value,发送信息,enter,event
From： https://www.cnblogs.com/LylePark/p/17984962