vue element ui - el-select 下拉框 作者：马育民 • 2024-04-21 13:45 • 阅读：10071 # 介绍 官方文档： https://element.eleme.cn/#/zh-CN/component/select ### el-option 标签 ``` <el-option label="1天" value="1"></el-option> ``` - label：显示的文字 - value：对应的值 # 例子 ``` <el-select v-model="shareForm.validity" placeholder="" @change="change"> <el-option label="1天" value="1"></el-option> <el-option label="2天" value="2"></el-option> <el-option label="3天" value="3"></el-option> <el-option label="4天" value="4"></el-option> <el-option label="5天" value="5"></el-option> <el-option label="6天" value="6"></el-option> <el-option label="7天" value="7"></el-option> <el-option label="15天" value="15"></el-option> <el-option label="30天" value="30"></el-option> </el-select> ``` data数据： ``` shareForm = { validity:'3' // 默认选中 value是3的选项，注意类型是字符串，不能是数字 } ``` methods： ``` change(e){ console.log(e) } ``` 原文出处：https://malaoshi.top/show_1IX7YBI9mh20.html