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; } } },
浙公网安备 33010602011771号