vue 中使用ctrl+enter 提交表单

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)
      }
    }