Element 下拉框 临时模板template ,改变每一行的select的值

table:

   <el-table
      :data="tableData2"
      border
      v-loading="loading"
      style="width: 100%"
      height="380"
      size="mini"
      :row-class-name="tableRowClassName"
    >
  <el-table-column align="center" label="操作" min-width="110">
        <template slot-scope="scope">
          <el-select
            :disabled = "status== 1 ? true : false"
            v-model="scope.row.iscj"
            placeholder="是否参加"
            size="small"
            @change="
              handleSelect(scope.row.pblb,scope.row.id, scope.row.iscj, scope.row.zyCode)
            "
          >
            <el-option value="1" label="参加"></el-option>
            <el-option value="0" label="不参加"></el-option>
          </el-select>
        </template>
      </el-table-column>
    </el-table>

方法:

handleSelect(pblb,id, iscj, code) {
      if (iscj == "1") {
        //如何该类别的正选数已经等于了参加数,此时用户还选了参加,则提示用户
//集合过滤找到该类别的正选数, let zxobj = this.PblbZxNum.find((item) => { return item.pblb == pblb; });      //集合过滤找到该类别的参加数 let cjobj = this.PblbCjNum.find((item) => { return item.pblb == pblb; }); if(zxobj.zxnum==cjobj.cjnum){ this.tableData2.forEach(v => { if (v.id ==id) { v.iscj =null; //将选中的参加,变成待参加状态,改变当前下拉框的值,要从根源去改变,tabledata2中去改变, } }); this.msgError("当前评标类别的参加人数不的超过正选数"); return; } } },

 

posted @ 2021-05-13 11:09  程序杨%  阅读(541)  评论(0)    收藏  举报