官方使用DEMO
<template><el-select v-model="value" placeholder="请选择"><el-optionv-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"
<template><el-select v-model="value" placeholder="请选择"><el-optionv-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"
<el-optionv-for="item in options":key="item.value":label="item.label":value="item.value"v-if="item.value !== form.id"
>
</el-option>