项目场景:
使用elementui时,在表单内嵌套表格,后端数据没有问题,但是选择器无数据或者无法选择
问题描述
<el-table-column prop="positionId" label="职务" align="center">
<template slot-scope="scope">
<el-select v-model="form.contact[scope.$index].positionId" @change="changeSelect"
style="margin-left: 20px;">
<el-option v-for="item in positionList" :key="item.positionId"
:label="item.positionName" :value="item.positionId">
</el-option>
</el-select>
</template>
</el-table-column>
原因分析:
表格未绑定表单
解决方案:
在表格头部绑定表单即可,
<el-table v-model="form.contact" :data="form.contact" border @cell-click="cellDblClick"
style="margin-top: 50px;">