el-select可选择可以手动输入

最新推荐文章于 2024-09-16 15:38:15 发布

小怪苏苏

最新推荐文章于 2024-09-16 15:38:15 发布

阅读量1w

点赞数 5

分类专栏： el-select可输入可选择文章标签： vue.js html html5 javascript

本文链接：https://blog.csdn.net/weixin_46923775/article/details/112981799

版权

el-select可输入可选择专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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>