帶allow-create的el-select限制新增內容長度

給el-select添加新增字段長度限制且新增內容不能為空

1、首先給el-select綁定一個id（例如：selectSku），這個id會傳到組件里面，綁定在那個input上面，

<el-select
    style="width: 100%"
    v-model="ruleForm.skuName"
    filterable
    allow-create
    id="selectSku"
    @change="selectChange"
    default-first-option>
  <el-option
      v-for="item in options"
      :key="item.id"
      :label="item.skuName"
      :value="item.skuName">
  </el-option>
</el-select>

2、然后通過document.getElementById('#selectSku')獲取到那個input節點，給這個input添加原生屬性‘maxlength’，后面跟限制的長度就可以了

this.$nextTick(() => {
  let select = document.getElementById('#selectSku')
  select.setAttribute('maxlength',35);
  select.addEventListener('input',() => {
  select.value = select.value.replace(/\s+/g,'');
  })
})

3、我又給這個input添加了一個響應事件，在輸入的時候用正則過濾一下空格，雖然在輸入框里輸不了空格了，但是你輸入空格，下面還是會出一個空白彈窗，你選擇后發現，是個空格，
然后我在selectChange里面又處理了一下

selectChange（）{
    if( this.ruleForm.skuName == ' ' ) {
      this.ruleForm.skuName = '';
      return ;
    }
}