使用场景:
在某有些情况下我们使用elementui的select下拉框组件,可能除了本身的数据选项,还希望用户可以自定义输入,这时候就需要使用一个属性:allow-create。
效果如下:
代码如下:
<el-select
size="mini"
v-model="data"
allow-create
default-first-option <!--可直接回车键入 -->
filterable <!-- 必须有该属性 -->
@change="WOStatusChange"
placeholder="请选择">
<el-option
v-for="item in dataArray"
:key="item.key"
:label="item.label"
:value="item.value">
</el-option>
</el-select>