多选选中多个参数

多选

  <el-checkbox-group   @change="selectContract" v-model="form.user">
            <el-checkbox
              class="authorv"
              v-for="item in optionNext"
              :key="item.user_id"
              :label="item.user_id"
              :value="item.user_id"

            >{{item.username}}</el-checkbox>
          </el-checkbox-group>

  //获取合同服务类型的name值
    selectContract(vId){
      console.log(vId)
      // vID 是一个数组，循环获取name,根据id
      if (!vId && vId.length === 0) {
        return ;
      }//这里多选的时候获取name和单选不一样 单选是对象 多选是数组所以...
      let nameArr = [];
      let codeArr = [];
      let that = this;
      vId.forEach(element => {
        let obj = that.optionNext.find((item)=>{
          return item.user_id === element;
        });
        if (obj) {
          nameArr.push(obj.username);
          codeArr.push(obj.user_id);

        }
      });
      this.name = nameArr.join();
      console.log(this.name)
    },