el-select可选择可以手动输入_el-select可编辑

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16