antdvue点击按钮弹窗功能

这篇博客介绍了如何在antdvue中利用a-modal组件实现按钮点击后弹出确认取消的弹窗功能。内容涉及到在表格操作中如删除、发布和取消发布的场景,通过设置visible状态和modaltitle,并编写判断方法,确保弹窗能够正确显示和关闭。
摘要由CSDN通过智能技术生成

点击按钮实现在表格上方出现弹窗,询问确认取消功能

使用了antd的一个弹窗组件a-modal 

     <a-modal
      :title="modalTitle"
      :visible="visibleDel"
      :maskClosable="true"
      :width="480"
      :footer="null"
      @cancel="
        () => {
          visibleDel = false
        }
      "
    >
      <div class="form-main">
        <div class="content">
          <div class="content-sure">{
  {modalContent}}</div>
        </div>
        <div class="footer">
          <a-button type=
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值