h5加vantui实现输入框实现手机自定义回车发送

html

     <!-- 聊天框 -->
     <div class="chatCenter">
        <div class="inputBox">
              <van-field 
               @focus="emiit('getMsgBox')"
               @keydown.enter.prevent="inputValueChange"
               @blur="getInputH"
               enterkeyhint="send"
               :class="(status==2||status==4||status==5)?'disabled':''" 
              :disabled="status==2||status==4||status==5"
              type="textarea"
              :center="true"
              :autosize="{ maxHeight: 100 }"
              v-model="form.inputValue" placeholder="输入解答内容" />
        </div>
        <img @click="seeMore" src="../../../assets/laboratoryQuestions/inputAdd.png"            alt="">
     </div>

js

//发送文字消息
const inputValueChange=()=>{
    if (!form.inputValue.trim()) {
        return Toast('不能发送空白消息')
    }
    sendMsg(form.inputValue,1,'',false)
    getInputH()
    form.inputValue=''
    
}