el-select搜索时，去除空格，限制el-select输入内容控制等

需求描述：

1. el-select下拉框，带搜索过滤功能（直接在el-select上使用filterable实现）

2. 但是同时要求el-select搜素输入框去除空格

先看HTML代码

              <el-select
                ref="elementSelect"
                v-model="baseForm.testTest"
                filterable
                clearable
                :loading="testTest"
                placeholder="请选择或搜索"
                @input.native="trimInput"
              >
                <el-option
                  v-for="item in testTest"
                  :key="item.value"
                  :label="item.name"
                  :value="item.name"
                >
                </el-option>
              </el-select>

 在el-select标签上增加ref属性与@input属性（记得.native）

 再看JS代码

    trimInput() {
      this.$refs.elementSelect.$data.selectedLabel =
        this.$refs.elementSelect.$data.selectedLabel.trim()
    },

实现去除空格需求，同时可对字符长度限制等进行限制。

对于v-for循环出来的el-select无法使用this.$refs.elementSelect.$data.selectedLabel获取输入内容，我放在这篇文章分析：http://t.csdn.cn/5gvVg