当删除最后一个新增按钮不见了 <div class="box_icon_son" @click="addItemFeWater(record.id)"> <a-icon type="plus-square" v-if="index == dataSourceFeWater.length - 1" /> </div> this.dataSourceFeWater = this.dataSourceFeWater.filter((item) => item.id !== id)

这段代码看起来是在一个 Vue.js 项目中使用，目的是从名为 `dataSourceFeWater` 的数据源中删除一个指定 `id` 的元素。根据代码中的过滤逻辑，会将 `id` 与指定 `id` 不同的元素保留下来，从而实现删除指定元素的效果。如果在删除最后一个新增按钮后，这段代码不再生效，你可以检查一下是否存在以下问题：

1. `id` 是否正确。确保删除最后一个新增按钮时，传入的 `id` 参数与该按钮对应的元素的 `id` 值相同。
2. `dataSourceFeWater` 是否正确。确保删除操作时，`dataSourceFeWater` 中确实包含了要删除的元素，并且该数据源已正确绑定到相应的组件或模板中。
3. 在点击新增按钮时，是否正确修改了 `dataSourceFeWater`。根据代码中的 `v-if` 判断条件，新增按钮只会在最后一个元素时显示。因此，在点击新增按钮时，需要添加一个新的元素到 `dataSourceFeWater` 中，以便显示出下一个新增按钮。如果新增按钮不见了，可能是因为点击新增按钮时，未正确修改 `dataSourceFeWater`，导致新增按钮没有被正确渲染出来。

相关问题

把box_icon_son在表格之外显示 <a-table class="table_container" :pagination="false" :columns="columnsFeWater" :dataSource="dataSourceFeWater" :scroll="{ y: 550 }" bordered > <template v-for="col in [ 'heJinName', 'heJin_C', 'heJin_Si', 'heJin_Mn', 'heJin_P', 'heJin_S', 'heJin_AI', 'heJin_Ni', 'heJin_Cr', 'heJin_Cu', 'heJin_Mo', 'heJin_V', 'heJin_Ti', 'heJin_Nb', 'heJin_B', 'heJin_N', 'heJin_Ce', 'heJin_AI2O2', 'heJin_Fe2O2', 'heJin_Sdl', ]" :slot="col" slot-scope="text, record, index" > <div :id="col"> <a-input v-if="editableDataFeWater[record.id]" placeholder="请输入" v-model="editableDataFeWater[record.id][col]" @input="Changeasd(editableDataFeWater)" /> <template v-else>{{ text }}</template> </div> </template> <a-table-column title="操作" dataIndex="operation" v-if="concealFeWater"></a-table-column> <!-- 操作 --> <template slot="operation" slot-scope="text, record, index" v-if="concealFeWater"> <span v-if="editableDataFeWater[record.id]" style="display: flex; justify-content: center; align-items: center; height: 100%" > <a-icon type="minus-square" @click="deleteItemFeWater(record.id)" /> </span> <span v-else style="display: flex; justify-content: center; align-items: center; height: 100%"> <a-icon type="minus-square" @click="deleteItemFeWater(record.id)" /> </span> <div class="box_icon"> <div class="box_icon_son" @click="addItemFeWater(record.id)"> <a-icon type="plus-square" v-if="index == dataSourceFeWater.length - 1" /> </div> </div> </template> </a-table>

您可以使用 CSS 的定位属性将 box_icon_son 移动到表格之外，例如：

.box_icon_son {
  position: absolute;
  top: -50px;
  left: 0;
}

这会将 box_icon_son 移动到表格之上，因为它的位置是相对于最近的已定位祖先元素（在这种情况下是 table_container）。您可以根据需要调整 top 和 left 的值来更改其位置。

新增的时候也能新增record.heJin_C <a-table class="table_container" :pagination="false" :columns="columnsFeWater" :dataSource="dataSourceFeWater" :scroll="{ y: 500 }" bordered > <template v-for="col in [ 'heJinName', 'heJin_C', 'heJin_Si', 'heJin_Mn', 'heJin_P', 'heJin_S', 'heJin_AI', 'heJin_Ni', 'heJin_Cr', 'heJin_Cu', 'heJin_Mo', 'heJin_V', 'heJin_Ti', 'heJin_Nb', 'heJin_B', 'heJin_N', 'heJin_Ce', 'heJin_AI2O2', 'heJin_Fe2O2', 'heJin_Sdl', ]" :slot="col" slot-scope="text, record, index" > <div :id="col"> <a-input v-if="editableDataFeWater[record.id]" placeholder="请输入" v-model="editableDataFeWater[record.id][col]" @input="Changeasd(editableDataFeWater)" /> <template v-else>{{ text }}</template> </div> </template> <a-table-column title="操作" dataIndex="operation" v-if="concealFeWater"></a-table-column> <!-- 操作 --> <template slot="operation" slot-scope="text, record, index" v-if="concealFeWater"> <span v-if="editableDataFeWater[record.id]" style="display: flex; justify-content: center; align-items: center; height: 100%" > <a-icon type="minus-square" @click="deleteItemFeWater(record.id)" /> <a-icon type="plus-square" @click="addItemFeWater(record.id)" v-if="index == dataSourceFeWater.length - 1" /> </span> <span v-else style="display: flex; justify-content: center; align-items: center; height: 100%"> <a-icon type="minus-square" @click="deleteItemFeWater(record.id)" /> </span> <!-- <div class="box_icon"> <div class="box_icon_son" > </div> </div> --> </template> <template slot="heJin_AI" slot-scope="text, record, index"> <span> {{ record.heJin_C }} </span> <span> {{ record.heJin_Mn }} </span> <span> {{ record.heJin_Si }} </span> </template> </a-table>

抱歉，我不完全理解你的问题。但是，从你提供的代码中看来，似乎你想问的是：在该代码中，是否可以新增record.heJin_C这个字段？如果是这样，那么答案是可以的。你可以修改columnsFeWater数组，增加一个名为heJin_C的对象，定义它的title，dataIndex等属性，就可以在表格中显示这个字段了。如果我的回答没有解决你的问题，请告诉我更具体的信息，我会尽力帮助你。