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

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

如下图所示:

去掉iview Modal组件中的取消和确定按钮_第1张图片

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

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

        v-model="modal1"

        title="Title">

       

对话框主体内容

  <div slot="footer">div>

 

 

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

你可能感兴趣的:(去掉iview Modal组件中的取消和确定按钮)