vue输入框空格拦截过滤

el-input为例

  1. v-model使用trim属性去除首尾空格
<el-input
  v-model.trim="filterData.userWorkNo"
  placeholder="请选择或输入"
>
</el-input>
  1. 绑定键盘输入正则过滤空格(所有位置均可过滤)
<el-input
  v-model="filterData.userWorkNo"
  @keyup.native="trimStr('filterData', 'userWorkNo')"
  placeholder="请选择或输入"
>
</el-input>
trimStr(obj, val) {
  this[obj][val] = this[obj][val].replace(/\s+/g, "");
},
posted @ 2022-05-30 14:07  年轻浅识  阅读(816)  评论(0编辑  收藏  举报