vue element ui - el-select 下拉框

介绍

官方文档:
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)
}

原文出处:/show_1IX7YBI9mh20.html