官方使用DEMO
<template>
<el-select v-model="value" 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: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
}, {
value: '选项3',
label: '蚵仔煎'
}, {
value: '选项4',
label: '龙须面'
}, {
value: '选项5',
label: '北京烤鸭'
}],
value: ''
}
}
}
</script>
1.修改下拉框的宽度
:popper-append-to-body="false"
文章来源:https://www.toymoban.com/news/detail-811608.html
<template>
<el-select v-model="value" placeholder="请选择">
<el-option
v-for="item in options"
:popper-append-to-body="false"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
2.下拉框筛选不显示某条数据
v-if="item.value !== form.id"文章来源地址https://www.toymoban.com/news/detail-811608.html
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
v-if="item.value !== form.id"
>
</el-option>
到了这里,关于【elementUI】el-select相关问题的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!