需求:ctrl+回车换行
回车发送消息
<!--输入区域--><div class="messagesBox-BigRight-down20-input"><div style="z-index: 9999"><el-input class="inputmsg"type="textarea":rows="4"placeholder="请输入内容"v-model="messagesContents"ref="count"@keydown.native="listen($event)"></el-input></div></div><div :style="messagesBoxBigRightBotton"><button class="sendMessageBtn" @click="sendMessage()">发送</button><button </div></div>
监听输入框即可
listen(event) {if (event.ctrlKey && event.keyCode === 13) {// if (event.shiftKey && event.keyCode === 13) {console.log("换行");this.messagesContents += '\n';} else if (event.keyCode === 13) {event.preventDefault(); // 阻止浏览器默认换行操作*/this.sendMessage(); // 发送文本}},
如果觉得《vue聊天功能模块(四)聊天消息换行》对你有帮助,请点赞、收藏,并留下你的观点哦!