1
<template> 
  <div class="each">
    <div class="serch">
      <el-input
        placeholder="搜索入公司名称"
        prefix-icon="el-icon-search"
        @keyup.native="trimLR('serchText')"
        v-model.trim="serchText"
        clearable
        @input="serch"
      ></el-input>
    </div>
<template>

去掉收尾空格不说了就是使用的v-model.trim
去掉中间空格 采用的是 @keyup.native 监听原生事件
methods 里面的方法

 trimLR(val) {
      this[val] = this[val].replace(/\s+/g, "");
    },

上面的类型是serchText是直接在data里面的,如果有其他嵌套比如
data(){

return {
    info:{
        tex:""
    }
}

}

上面修改为 @keyup.native="trimLR('info','tex')" 具体方法修改为
trimLR(val,val1) {

  this[val][val1] = this[val][val1].replace(/\s+/g, "");
},


书言爸爸
36 声望0 粉丝

一个努力学习前端的大龄小白