<div contenteditable="true" data-text=""></div>输入框点击回车发送内容

Question

输入框点击回车发送内容,输入框内容仍然存在
<div @keydown="messageInput" @click="showEmoji1=false">

        <div_edit_model id="test" contenteditable="true" data-text="" v-model="msg"></div_edit_model>
      </div>
      <!-- 发送按钮 -->
      <div class="warn1" v-show="warn1">不能发送空白信息</div>
      <span class="send1" @click="messageInput($event)">发送</span>
      
      
      
      messageInput (e) {
  let vm = this  
  let msg = vm.msg.replace(/^\s+|\s+$/g, '');
  if(msg=='' && (e.which === 13 || e.target.classList.contains('send1'))){
    vm.warn1 = true
    setTimeout(() => {
      vm.warn1 = false
    }, 1000)
  }else{
    if ((e.which === 13 && vm.msg) || (e.target.classList.contains('send1') && vm.msg)) {
      e.preventDefault()
      socket.emit('message', vm.currentRoomID, msg)
      vm.msg = ''
    }
  }
},
![图片描述][1]