element-input-去掉中间空格

<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, "");
},

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理