vue---使用van-filed组件华为手机无法换行

冒泡的大白鲸

于 2020-08-25 13:49:40 发布

阅读量3.2k

点赞数 1

本文链接：https://blog.csdn.net/weixin_47011763/article/details/108199440

版权

写在最前面

使用vue搭配vant做手机端项目时,测试提出的bug。 van-field有多行时，在华为手机上无法按换行键换行，只能一行输入满之后自动转入下一行。
目前还是不知道是手机的哪些参数导致的，oppo和小米都没问题，只有华为手机不可以。

解决方法

先阻止所有设备的换行动作，再手动添加换行
上代码

<van-field
      v-model="repairContent"
      type="textarea"
      placeholder="请输入现场情况记录"
      rows="3"
      clearable
      :maxlength="100"
      :border="false"
      @keydown="handleEnter($event)"
      />

  methods: {
    handleEnter(v){
     if(v.keyCode==13){
      v.cancelBubble=true
      v.preventDefault()
      v.stopPropagation()
      return  this.repairContent = this.repairContent+'\n'
     }
    }
  }