下拉列表el-select获取选中的value和label(值和id)

 姓名:<el-select
            v-model="ruleForm.userName"
            placeholder="请选择"
            style="width: 100px"
            @change="towerChange"
          >
            <el-option
              v-for="item in Users"
              :key="item.userId"
              :label="item.userName"
              :value="item" //注意这里对应change能获取的值
            >
            </el-option>
          </el-select>

------------------------------------------------------------------------------------------------------------------------------------------

 towerChange(e) {
      //获取的值和id
      this.ruleForm.userId = e.userId;
      this.ruleForm.userName = e.userName;
    },

 

posted @ 2022-06-06 14:58  快了星球  阅读(1591)  评论(0)    收藏  举报