最近在做项目是,在element表格中使用下拉,但是下拉选择后,数据没有显示在select组件上,搜索后找到解决方案:
<el-table :data="nodeFormTableData"
style="width: 100%">
<el-table-column prop="personType"
label="人员类型">
<!-- 人员类型下拉 -->
<template slot-scope="scope">
<el-select v-model="scope.row.personType"
placeholder="请选择">
<el-option v-for="item in personTypeList"
:key="item.label"
:label="item.label"
:value="item.value">
</el-option>
</el-select>
</template>
</el-table-column>
<el-table-column prop="personSelect"
label="人员选择">
</el-table-column>
<el-table-column prop="isExtract"
label="是否抽取">
</el-table-column>
<el-table-column prop="calculateType"
label="运算类型">
</el-table-column>
<el-table-column prop="personOption"
label="操作">
</el-table-column>
</el-table>
在列中使用template scope写法,绑定scope.row.字段名,可以实现选择后同步刷新