为什么heJin_AI和heJin_CCC渲染数据不是在同一行中?会到位
时间: 2024-03-19 10:43:55 浏览: 58
根据您提供的代码,我发现在表格组件中,heJin_AI和heJin_CCC的数据是通过Vue组件的scopedSlots属性进行渲染的,而且它们分别在两个不同的template标签中,这可能导致它们在表格中不在同一行显示。
如果您希望将它们显示在同一行中,可以将它们放在同一个template标签中,并使用嵌套的HTML元素来将它们排列在同一行中。例如,您可以将template标签的内容修改为以下代码:
```
<template slot="heJin" slot-scope="text, record, index">
<div>
<a-input v-if="record.heJin_AI && statuasd" v-model="record.heJin_AI.heJin_Mn1" />
<span v-else-if="record.heJin_AI">{{ record.heJin_AI.heJin_Mn1 }}</span>
<a-input v-if="record.heJin_AI && statuasd" v-model="record.heJin_AI.heJin_Mn2" />
<span v-else-if="record.heJin_AI">{{ record.heJin_AI.heJin_Mn2 }}</span>
<a-input v-if="record.heJin_AI && statuasd" v-model="record.heJin_AI.heJin_Mn3" />
<span v-else-if="record.heJin_AI">{{ record.heJin_AI.heJin_Mn3 }}</span>
</div>
<div>
<a-input v-if="record.heJin_CCC" v-model="record.heJin_CCC.heJin_CCC1" />
<a-input v-if="record.heJin_CCC" v-model="record.heJin_CCC.heJin_CCC2" />
<a-input v-if="record.heJin_CCC" v-model="record.heJin_CCC.heJin_CCC3" />
</div>
</template>
```
在这个例子中,heJin_AI和heJin_CCC的数据被放在两个div元素中,这两个div元素在同一个template标签中。这样,它们就可以在同一行中显示了。
希望这个例子可以帮助您解决问题。如果您有其他问题或需要进一步的帮助,请随时告诉我。
阅读全文