聊天框 点击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'
}
浙公网安备 33010602011771号