<el-table ref="multipleTable" :data="limit_infos" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55"></el-table-column> <el-table-column label="分组名称"> <template slot-scope="scope">{{ scope.row.stakes_name }}</template> </el-table-column> <el-table-column v-for="item in limit_info" :label="item.lable"> <template slot-scope="scope"> <div v-for="(item,index) in scope.row.data" :key="index"> <p>{{'最低'+item.min_stake_score}}</p> <p>{{'最高'+item.max_stake_score}}</p> </div> </template> </el-table-column> </el-table> 数据格式: limit_infos:[ { stakes_name :‘分组一’, data:[ {id:1,max_stake_score:2000,min_stake_score:20,name:'规则一'}, {id:1,max_stake_score:5000,min_stake_score:40,name:'规则二'}, {id:1,max_stake_score:3500,min_stake_score:50,name:'规则三'}, {id:1,max_stake_score:7000,min_stake_score:60,name:'规则四'}, {id:1,max_stake_score:2000,min_stake_score:20,name:'规则五'}, ] }, { stakes_name :‘分组二’, data:[ {id:1,max_stake_score:20,min_stake_score:2,name:'规则一'}, {id:1,max_stake_score:54,min_stake_score:3,name:'规则二'}, {id:1,max_stake_score:64,min_stake_score:5,name:'规则三'}, {id:1,max_stake_score:80,min_stake_score:12,name:'规则四'}, {id:1,max_stake_score:89,min_stake_score:45,name:'规则五'}, ] } ], limit_info:[} this.limit_infos.map((res)=>{ this.limit_info = res.data.map((item)=>{ return { lable:item.name } }) })
慕斯4360584
慕斯4360584
慕慕5436299
慕慕5436299
慕梦前来
相关分类