vue input绑定ctrl+enter键盘事件,亲测绝对有用!
最近项目需要im在线聊天功能,消息发送enter键,换行ctrl+enter,找了很多资料才解决,解决问题的小伙伴可以点个赞,感谢感谢:直接看代码;<el-input@keydown.enter.native="keyDown"type="textarea":rows="4"class="text-input"placeholder="请输入内容"v-model="textarea">
·
最近项目需要im在线聊天功能,消息发送enter键,换行ctrl+enter,找了很多资料才解决,解决问题的小伙伴可以点个赞,感谢感谢:
直接看代码;
<el-input
@keydown.enter.native="keyDown"
type="textarea"
:rows="4"
class="text-input"
placeholder="请输入内容"
v-model="textarea">
</el-input>
我用的element组件,这个不影响,只要是vue项目都这些写;
@keydown.enter.native=“keyDown”
如果上面方法不行可以把native去掉试试
@keydown.enter=“keyDown”
然后在js里面注册这个方法:
keyDown(e) {
if(e.ctrlKey && e.keyCode==13) { //用户点击了ctrl+enter触发
this.textarea += '\n';
}else { //用户点击了enter触发
this.sendMessage();
}
},
这样就完美解决了,如果你用的到alt或者其他快捷键的话,吧js里面的ctrlKey换成altKey就可以了,其他同理
更多推荐
已为社区贡献13条内容
所有评论(0)