<el-form-item label="分支机构:" style="width: 50%;">
        <el-select
          clearable
          filterable
          class="ele-block"
          v-model="form.BRANCH_ID"
          placeholder="请选择"
          style="width: 350px;"
          @change="changeBranch" //这里填入当值改变时的方法,将当前值(即下面的:value)传入方法
        >
          <el-option
            v-for="item in this.subList"
            :label="item.CODE_ + '  ' + item.NAME_"
            :value="item.CODE_"
            :key="item.CODE_"
          />
        </el-select>
      </el-form-item>
      //方法:👇
      changeBranch(val) {
      //不为空时进行操作
      if (val != null && val != "" && val != undefined) {
        //传进来的val是select组件选中的value值
        var obj = {};
        //从当前列表list集合中寻找
        obj = this.subList.find(function (item) {
          //判断相等的,就获取name
          if (item.CODE_ == val) {
            return (obj = item.NAME_);
          }
        });
        //obj 就是被选中的那个对象,也就能拿到label值了。
        if(obj!=null && obj.NAME_!=null){
         	this.form.BRANCH = obj.NAME_;
        }
        console.log(this.form.BRANCH);
      }
    },

灵感来源(博客园:慕雪琳鸢 )

layui可以使用如下方法监听获取:

form.on('select(organizationId)', function (data) {
            var v= $("#organizationId option:checked").text();
            console.log(v); //得到被选中的name
            $("#organization").val(v);
        });
Logo

前往低代码交流专区

更多推荐