项目需要,点击 el-select 时,获取选中项的label值,参考网上的做法,如下所示:

<el-form-item prop="operateId"
              :label="$t('taskManage.lockTask.table.operateName')+':'">
                  <el-select clearable
                             v-model="formData.operateId"
                             @change="currOperatorChange"
                             :placeholder="$t('taskManage.lockTask.selOperateName')">
                    <el-option v-for="item in operateOption"
                               :key="item.value"
                               :label="item.label"
                               :value="item.value">
                    </el-option>
                  </el-select>
</el-form-item>

用 @change=“currOperatorChange” 来监听选中项的改变:

// 操作人选中项发生变化
    currOperatorChange(val) {
      console.log('操作人选中项发生变化', val)
      if (val) {
        let obj = {}
        obj = this.operateOption.find(item => {
          //这里的operateOption就是上面遍历的数据源
          return item.value === val //筛选出匹配数据
        })
        this.formData.operateName = obj.label
        console.log('修改操作人名称', obj.label)
      } else {
        this.formData.operateName = ''
      }
    }
Logo

前往低代码交流专区

更多推荐