固定列表的表格
固定的行:行名稱不一樣,每一個值對應賦值
html:
<el-table class="table-box" :data="allObj.peoArr"><el-table-column prop="name" min-width="130"></el-table-column><el-table-column label="車主" prop="owner" min-width="180" v-if="typeFlag == 1 || typeFlag == 2 "><template slot-scope="scope"><span>{{ (scope.row.owner || '') }}</span></template></el-table-column><el-table-column prop="insuredName" label="被保險人" min-width="180"><template slot-scope="scope"><span>{{ (scope.row.insuredName || '') }}</span></template></el-table-column><el-table-column prop="benefiPeo" label="受益人" min-width="180" v-if="typeFlag ==3"><template slot-scope="scope"><span>{{ (scope.row.benefiPeo || '') }}</span></template></el-table-column><el-table-column label="投保人" min-width="180"><template slot-scope="scope"><span>{{ (scope.row.applicantName || '') }}</span></template></el-table-column></el-table>data:
peoArr: [{ name: '姓名', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '手機號', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '證件類型', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '證件號', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '郵箱', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '城市', owner: '', insuredName: '', benefiPeo: '', applicantName: '' },{ name: '地址', owner: '', insuredName: '', benefiPeo: '', applicantName: '' }],方法內 對應賦值
this.allObj.peoArr = [{ name: '姓名', owner: '1', insuredName: '11', benefiPeo: '王企鵝無群', applicantName: '' },{ name: '手機號', owner: '2', insuredName: '22', benefiPeo: '王企鵝', applicantName: '' },{ name: '證件類型', owner: '3', insuredName: '222', benefiPeo: '', applicantName: '特務' },{ name: '證件號', owner: '4', insuredName: '444', benefiPeo: '惹我', applicantName: '' },{ name: '郵箱', owner: '5', insuredName: '555', benefiPeo: '', applicantName: '二' },{ name: '城市', owner: '6', insuredName: '666', benefiPeo: '', applicantName: '' },{ name: '地址', owner: '7', insuredName: '777', benefiPeo: '', applicantName: '' }] 創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
- 上一篇: React开发(275):dva deb
- 下一篇: 从零开始搭建一个简单的ui自动化测试框架