ZBLOG

新增

要禁用“复制添加”按钮,可以通过在 <a-button> 组件上添加 :disabled 属性来实现。您可以使用与“新增”按钮相同的逻辑,检查 recordData.status 的状态。

以下是您需要进行的修改:

  1. 在操作列中,为“复制添加”按钮添加 :disabled 属性。
  2. 使用相同的条件判断禁用该按钮。

这是更新后的代码片段:

  1. <template #bodyCell="{ column, record }">
  2. <!-- 操作列 -->
  3. <template v-if="column.key === 'operation'">
  4. <a-button
  5. @click="openModal('copy', record)"
  6. :disabled="recordData.status !== '进行中'"
  7. >复制添加</a-button>
  8. <a-button @click="openModal('detail', record)">详情</a-button>
  9. </template>
  10. </template>

完整示例

确保在操作列部分包含以上更改后的完整内容:

  1. <template #bodyCell="{ column, record }">
  2. <!-- 操作列 -->
  3. <template v-if="column.key === 'operation'">
  4. <a-button
  5. @click="openModal('copy', record)"
  6. :disabled="recordData.status !== '进行中'"
  7. >复制添加</a-button>
  8. <a-button @click="openModal('detail', record)">详情</a-button>
  9. </template>
  10. </template>

这样,当 recordData.status 不等于 '进行中' 时,“复制添加”按钮将被禁用并不可点击。请确认您的组件内有适当的状态数据传递,确保 recordData 能正确获取到当前行的数据。如果您的目标是从每个行记录而不是全局状态来判断,请根据实际需求做调整。


内容由零声教学AI助手提供,问题来源于学员提问

本站部分文章来源于网络,版权归原作者所有,如有侵权请联系站长删除。
转载请注明出处:https://golang.0voice.com/?id=22791

分享:
扫描分享到社交APP
上一篇
下一篇
发表列表
游客 游客
此处应有掌声~
评论列表

还没有评论,快来说点什么吧~

联系我们

在线咨询: 点击这里给我发消息

微信号:3007537140

上班时间: 10:30-22:30

关注我们
x

注册

已经有帐号?