去掉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>

 

 

posted @ 2019-11-16 14:15  Mahmud(مەھمۇد)  阅读(956)  评论(0编辑  收藏  举报