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

Question

    <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>
  
 输入框点击回车发送内容,输入框内容仍然存在 
  <div @keydown="messageInput" @click="showEmoji1=false"><div contenteditable="true" data-text=""></div>输入框点击回车发送内容
  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 = ''
}

}
},

Answer 1

div_edit_model 怎么写的 contenteditable属性的div 绑定的应该是v-html不是value值