elementui select는 드롭다운 상자에서 선택하여 입력할 수 있습니다(Enter를 클릭할 필요 없이 추가 작업이 필요하지 않음).

설명서를 보면 이 속성을 true로 설정할 수 있으며 드롭다운 상자에 직접 입력할 수 있음을 알고 있습니다.

<el-select
     v-model="form.pcode"
     clearable
     filterable
     placeholder="请选择产品"
     class="product-input"
     allow-create
 >
     <el-option
         v-for="(item,index) in arr_product"
         :key="index"
         :label="item.label"
         :value="item.value"
     />
 </el-select>

원래는 위의 두 가지 속성이 충족되었으나 실제 동작에서는 내용을 입력한 후 확인을 클릭하거나 Enter를 눌러야 합니다. 그렇지 않으면 다음과 같이 입력 내용이 사라집니다. down box, 입력 상자가 결정되어 매우 불편함):

따라서 이 문제를 해결하기 위해 흐림 방법을 사용합니다.

<el-select
   v-model="form.pcode"
   clearable
   filterable
   placeholder="请选择产品"
   class="product-input"
   @blur="productSelect"
   allow-create
>
   <el-option
       v-for="(item,index) in arr_product"
       :key="index"
       :label="item.label"
       :value="item.value"
   />
</el-select>




productSelect(e) {
    
    
     let value = e.target.value; // 输入框值
      if(value) {
    
     // 你输入才有这个值 不为空，如果你下拉框选择的话 这个值为空
          this.form.pcode = value
      }
  }

@blur 메소드를 사용하여 초점을 잃고 추가 캐리지 리턴 또는 클릭 없이 값을 입력하십시오.