最近项目需要im在线聊天功能,消息发送enter键,换行ctrl+enter,找了很多资料才解决,结合自己理解也扩展了一些内容,希望可以帮大家解决问题:
下面是HTML代码
<el-input
@keydown.enter.native="keyDown"
type="textarea"
:rows="4"
class="text-input"
placeholder="请输入内容"
v-model="textarea">
</el-input>
下面是js代码
keyDown(e) {
if(e.ctrlKey && e.keyCode==13) { //用户点击了ctrl+enter触发
this.textarea += '\n';
}else { //用户点击了enter触发
this.sendMessage();
}
},