Model去掉footer

  • Post author:
  • Post category:其他





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

如下图所示:

iView-Model

Modal对话框可通过solt 自定义页头 / 页脚 / 右上角关闭内容 (header / footer / close)

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

  1. 方式一:slot = “footer”
<Modal
        v-model = "modal1"
        title = "Common Modal dialog box title">
        <p>Content of dialog</p>
        <div slot="footer"><div>
    </Modal>  
  1. 方式二::footer-hide = “true”
<Modal
        v-model = "modal1"
        title = "Common Modal dialog box title"
        :footer-hide = "true">
        <p>Content of dialog</p>
    </Modal>  



链接:

iView



API:Model(部分)

Modal props

#

属性 说明 类型 默认值
footer-hide 不显示底部 Boolean false

Modal slot

#

名称 说明
footer 自定义页脚内容



版权声明:本文为CheneyChen27原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。