技術標籤：el-select可輸入可選擇vue.jshtmlhtml5javascript

el-select可選可輸入

今天接到這個需求，下拉框可選可輸入，當時本來以為要用到事件e.target.value直接賦值，後面翻看element官方文件 發現人家早都考慮到這一點 給我們提供了屬性allow-create即可達到可輸入的效果

  <el-select
                    v-model="scope.row.channel_sku"
                    filterable
                    clearable
                    placeholder=
 
"請選擇"
                    class="p5_input"
                    allow-create
                    default-first-option
                  >
                    <el-option
                      v-for="(item, key) in scope.row.sku_confusion"
                      :key=
 
"key"
                      :label="item"
                      :value="String(item)"
                    />
                  </el-select>