vue el-select label显示多个值，选择后只显示其中一个

<el-select filterable @change="getHtInfo" v-model="form.hth" placeholder="请选择合同号" ><el-optionv-for="(item,index) in hthOptions":key="index":label="item.hth + '__' + item.qdr + '__' + item.htm

代码敲着敲着就睡了

3348人浏览 · 2021-11-12 10:24:21

代码敲着敲着就睡了 · 2021-11-12 10:24:21 发布

<el-select filterable @change="getHtInfo" v-model="form.hth" placeholder="请选择合同号" >
      <el-option
         v-for="(item,index) in hthOptions"
         :key="index"
         :label="item.hth + '__' + item.qdr + '__' + item.htmc"
         :value="item.htid"
       ></el-option>
</el-select>

getHtInfo(value) {
      var newForm = this.hthOptions.filter((item) => {
        return item.htid === value;
      });
       //选择后 需要显示的字段
      this.form.hth = newForm[0].hth;
},

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^