vue 中使用ctrl+enter 提交表單
阿新 • • 發佈:2019-01-09
html
核心程式碼
@keyup.ctrl.enter="submit"
在textarea中使用
<div id="anwser"> <form @submit.prevent="submit" novalidate="true"> <textarea @keyup.ctrl.enter="submit" cols="30" rows="10" maxlength="1000" autofocus required v-model="messages" ></textarea> <div v-show="errorMessages" v-text="errorMessages" class="errorMessages"></div> <input class="submit pointer" id="submitInput" type="submit" value="傳送"> </form> </div>
js
submit () { console.log('提交表單') let _this = this let messages = this.messages let WeChatId = this.currentWechat.WeChatId let FriendId = this.currentFriend.FriendId let msgType = 1 let msg = { reqApi: 'SendChatMsg', data: { messages: messages, wechatId: WeChatId, friendId: FriendId, msgType: msgType } } console.log(msg) if (validMessages(this.messages)) { this.socketApi.sendSock(msg) this.messages = '' } else { _this.errorMessages = '不能傳送空白訊息' setTimeout(function () { _this.errorMessages = '' }, 1500) } }