怎么根据这个 ea-query-item 标签 方法改造下 el-table-column标签 <ea-query-item label="经营单位"> <ea-ac-unit class="wp100" :type="[1,2]" popperClass="w300" @select="where.transferoperationdept = $event.unitno" /> </ea-query-item> <el-table-column prop="operationdept" label="经营单位" :resizable="false" min-width="170" align="left" :formatter="ea.format.locale"/> 让这个经营单位的 operationdept 回显成接口返回的operationdept = namecn
时间: 2023-07-06 11:35:19 浏览: 100
你可以在 el-table-column 标签中加入 scoped slot 的方式来实现经营单位的回显。具体步骤如下:
1. 在 el-table-column 标签中加入 scopedSlots 属性,并创建一个名为 default 的 slot。
```
<el-table-column prop="operationdept" label="经营单位" :resizable="false" min-width="170" align="left" :formatter="ea.format.locale" :scopedSlots="{default: 'operationdept'}"></el-table-column>
```
2. 在模板中创建名为 operationdept 的 slot,并在其中使用 ea-query-item 和 ea-ac-unit 组件,将返回的 namecn 值通过 v-model 绑定到 operationdept 中。
```
<template v-slot:operationdept="{row}">
<ea-query-item label="经营单位">
<ea-ac-unit class="wp100" :type="[1,2]" popperClass="w300" v-model="row.operationdept" @select="where.transferoperationdept = $event.unitno" />
</ea-query-item>
</template>
```
这样就可以实现经营单位的回显了。注意,在使用 scoped slot 的情况下,el-table-column 标签中的 prop 属性只是一个占位符,不会被真正显示出来。
阅读全文