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

在 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>