Ant Design Vue <a-select>获取value和label

          <a-col :span="24">
            <a-form-model-item label="学历" :labelCol="labelCol" :wrapperCol="wrapperCol" prop="eduType">
              <a-select @select="eduTypeChange" placeholder="请选择学历" v-model="model.eduType">
                <a-select-option v-for="item in eduTypeList" :key="item.id.toString()" :value="item.id.toString()">{{
                    item.title
                  }}
                </a-select-option>
              </a-select>
            </a-form-model-item>
          </a-col>
		  
	// 学历选择
	eduTypeChange(value, e) {
	 const label = e.componentOptions.children[0].elm.data.trim()
	 this.model.eduTypeId = value
	 this.model.eduType = label
	},
	
posted @ 2024-11-08 10:50  Charles博客  阅读(448)  评论(0)    收藏  举报