<template slot="heJin_AI" slot-scope="text, record, index"> <div> <a-input v-if="editableDataFeWater[record.id]" placeholder="请输入" v-model="editableDataFeWater[record.id]['heJin_AI']['heJin_Mn']" @input="changeDataFeWater(record.id)" /> <template v-else>{{ record.heJin_AI.heJin_Mn }}</template> </div> </template>

这是一段 Vue.js 中的代码，其中包含一个名为 heJin_AI 的插槽，使用了作用域插槽的方式传递了三个变量：text、record、index。在插槽内部，根据 record 中的数据渲染了一个输入框或者展示 record.heJin_AI.heJin_Mn 字段的内容。当输入框内容发生变化时，会触发 changeDataFeWater 方法更新数据。

相关问题

当新增时record为空报错怎么解决 <template slot="heJin_AI" slot-scope="text, record, index"> <div v-if="statuasd"> <div class="inpts"> <a-input v-model="record.heJin_AI.heJin_Mn1" />~ <a-input v-model="record.heJin_AI.heJin_Mn2" /> </div> <div style="height: 10px"></div> <a-input v-model="record.heJin_AI.heJin_Mn3" /> </div> <div v-else> <div class="inpts"> <span>{{ record.heJin_AI.heJin_Mn1 }}</span >~ <span>{{ record.heJin_AI.heJin_Mn2 }}</span> </div> <span>{{ record.heJin_AI.heJin_Mn3 }}</span> </div> </template>

这个错误通常是因为在新增时 `record` 对象为 `null` 或 `undefined`，导致在访问 `record.heJin_AI` 时出现了异常。

为了解决这个问题，你可以在访问 `record.heJin_AI` 之前，先进行判断 `record` 是否为 `null` 或 `undefined`，例如：

<template slot="heJin_AI" slot-scope="text, record, index">
  <div v-if="record">
    <div v-if="statuasd">
      <div class="inpts">
        <a-input v-model="record.heJin_AI.heJin_Mn1" />~
        <a-input v-model="record.heJin_AI.heJin_Mn2" />
      </div>
      <div style="height: 10px"></div>
      <a-input v-model="record.heJin_AI.heJin_Mn3" />
    </div>
    <div v-else>
      <div class="inpts">
        <span>{{ record.heJin_AI.heJin_Mn1 }}</span>~
        <span>{{ record.heJin_AI.heJin_Mn2 }}</span>
      </div>
      <span>{{ record.heJin_AI.heJin_Mn3 }}</span>
    </div>
  </div>
</template>

在这个示例中，我添加了一个 `v-if="record"` 的条件判断，如果 `record` 为 `null` 或 `undefined`，就不会继续访问 `record.heJin_AI`，从而避免了出现异常。

如果你能提供更多的上下文和代码示例，我可以更具体地帮助你找到问题所在。

新增的时候也能新增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等属性，就可以在表格中显示这个字段了。如果我的回答没有解决你的问题，请告诉我更具体的信息，我会尽力帮助你。