基础用法:
<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>
v-model
的值为当前被选中的el-option
的 value 属性值
参考:https://element.eleme.cn/#/zh-CN/component/select
>>dropdown
>>menu
>>tree
>>ul-li
参考1:
参考2:
element-UI select 踩过的坑和解决办法:https://www.cnblogs.com/158cm/p/11434918.html
el-select下拉框选项的样式修改(背景色、hover、字体等):https://blog.csdn.net/qq_44747461/article/details/106140453