要禁用“复制添加”按钮,可以通过在 <a-button>
组件上添加 :disabled
属性来实现。您可以使用与“新增”按钮相同的逻辑,检查 recordData.status
的状态。
以下是您需要进行的修改:
- 在操作列中,为“复制添加”按钮添加
:disabled
属性。 - 使用相同的条件判断禁用该按钮。
这是更新后的代码片段:
<template #bodyCell="{ column, record }">
<!-- 操作列 -->
<template v-if="column.key === 'operation'">
<a-button
@click="openModal('copy', record)"
:disabled="recordData.status !== '进行中'"
>复制添加</a-button>
<a-button @click="openModal('detail', record)">详情</a-button>
</template>
</template>
完整示例
确保在操作列部分包含以上更改后的完整内容:
<template #bodyCell="{ column, record }">
<!-- 操作列 -->
<template v-if="column.key === 'operation'">
<a-button
@click="openModal('copy', record)"
:disabled="recordData.status !== '进行中'"
>复制添加</a-button>
<a-button @click="openModal('detail', record)">详情</a-button>
</template>
</template>
这样,当 recordData.status
不等于 '进行中'
时,“复制添加”按钮将被禁用并不可点击。请确认您的组件内有适当的状态数据传递,确保 recordData
能正确获取到当前行的数据。如果您的目标是从每个行记录而不是全局状态来判断,请根据实际需求做调整。
内容由零声教学AI助手提供,问题来源于学员提问