el-select可以输入选择项以及选择某一项后出现输入文本框

效果：

直接上代码做笔记

通过ref属性获取输入内容，在@blur中进行赋值，很好的实现了可选择，可输入

<el-form-item class="filter-item" label="沟通原因" prop="chatReason">
          <el-select v-model="saveChatInfoRuleForm.desc" placeholder="请选择沟通原因"
                     allow-create
                     default-first-option
                     filterable
                     @blur="descOptionsBlurEvent()"
                     ref="descOptionsSelect"
                     @change="descOptionsChange(this)"
          >
            <el-option
              v-for="item in descOptions"
              :key="item.value"
              :label="item.label"
              :value="item.value"
              >
            </el-option>
          </el-select>
          <el-input type="textarea" v-model="saveChatInfoRuleForm.desc" v-if="other" placeholder="备注说明"></el-input>
        </el-form-item>

 //选择框可输入是去焦点获得
      descOptionsBlurEvent(){
        this.saveChatInfoRuleForm.desc=this.$refs.descOptionsSelect.selectedLabel
      },
      //选择框发生改变时
      descOptionsChange(obj){
          if (this.saveChatInfoRuleForm.desc==='其他情形'){
            this.other=true
          }else {
            this.other=false
          }
      },