vue element-ui 实现可输入的选择下拉框
<template><el-selectv-model="value"filterableallow-create:filter-method="filterMethod"default-first-optionclearableplaceholder="请选择文章标签"><el-optionv-for="item in options"...
·
<template>
<el-select
v-model="value"
filterable
allow-create
:filter-method="filterMethod"
default-first-option
clearable
placeholder="请选择文章标签">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
options: [{
value: 'HTML',
label: 'HTML'
}, {
value: 'CSS',
label: 'CSS'
}, {
value: 'JavaScript',
label: 'JavaScript'
}],
value: ''
}
},
methods: {
filterMethod (val) {
this.value = val
}
}
}
</script>
filterable | 是否可搜索 |
allow-create | 是否允许用户创建新条目,需配合 filterable 使用 |
filter-method | 自定义搜索方法 |
default-first-option | 在输入框按下回车,选择第一个匹配项。需配合 filterable 或 remote 使用 |
更多推荐
已为社区贡献3条内容
所有评论(0)