介绍:
form表单中有一个select选择框,下拉框显示居住名称,选中之后显示在框里
要求:
今天后端小哥哥要求选中之后,form表单提交时,select选择框同时传递两个值,即选中的名称以及人员type。
实现:

              <el-form-item label="居住情况:" prop="liveTypeName">
                <el-select
                  v-model="ruleForm.liveTypeName"
                  placeholder="请选择"
                  @change="adminSelect2($event)"
                >
                  <el-option
                    v-for="item in situationType"
                    :key="item.liveType"
                    :label="item.liveTypeName"
                    :value="{
                      liveTypeName: item.liveTypeName,
                      liveType: item.liveType,
                    }"
                  />
                </el-select>
              </el-form-item>
    //传居住情况和居住情况名称
    adminSelect2(event) {
      this.ruleForm.liveType = event.liveType;
      this.ruleForm.liveTypeName = event.liveTypeName;
    },

    //数据
	[
	    {
	      "id": 1,
	      "liveType": 1,
	      "liveTypeName": "独自居住",
	      "description": "独自居住",
	      "cover": "0"
	    },
	    {
	      "id": 2,
	      "liveType": 2,
	      "liveTypeName": "与配偶居住",
	      "description": "与配偶居住",
	      "cover": "0"
	    },
	    {
	      "id": 3,
	      "liveType": 3,
	      "liveTypeName": "与子女合住",
	      "description": "与子女合住",
	      "cover": "0"
	    },
	]    
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐