Ant 自定义按钮

AntDesign 自定义Modal组件：移除默认按钮并添加多个操作

最新推荐文章于 2023-07-21 19:00:17 发布

原创最新推荐文章于 2023-07-21 19:00:17 发布 · 1.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #ant

Ant design 的 a-modal 去除取消按钮，确定按钮，自定义按钮或添加多个按钮

 <a-modal v-model="visible" title="免责声明" :maskClosable="false" :width= "800" :closable="false" >
      <template slot="footer">
        <a-button key="submit" type="primary" @click="handleOk">
          同意声明
        </a-button>
        <a-button key="cancel" type="primary" @click="handlecancel">
          取消
        </a-button>
        <a-button key="other" type="primary" @click="handlecancel">
          其他的
        </a-button>
      </template>
      <p class="respinner"> 

          免责声明内容

      </p>
    </a-modal>

使用

<template slot= 'footer"> 就成功啦

去掉全部底部按钮可直接 :footer=null