去掉iview Modal组件中的取消和确定按钮

在 iview 中 Modal对话框组件总是带着“取消”和“确定”这两个按钮,有时候在做需求的时候,并不用这两个按钮,只是单独想要对话框而已,这怎么去除这个两个按钮?

如下图所示:

iview官网(http://v2.iviewui.com/components/modal)中说到,Modal对话框可通过solt 自定义页头 / 页脚 / 右上角关闭内容 (header / footer / close)

实现去除“取消” 和“确定”按钮可通过自定页脚,其代码如下:

<Modal

        v-model="modal1"

        title="Title">

        <p> 对话框主体内容 </p>

  <div slot="footer"></div>

 </Modal>

 

转载于:https://www.cnblogs.com/l-millie/p/10310594.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值