固定列表的表格

固定的行：行名称不一样，每一个值对应赋值
在这里插入图片描述

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: '' }]