去掉iview Modal组件中的取消和确定按钮
如下图所示:
Modal对话框可通过solt 自定义页头 / 页脚 / 右上角关闭内容 (header / footer / close)
实现去除“取消” 和“确定”按钮可通过自定页脚,其代码如下:
- 方式一:slot = “footer”
<Modal
v-model = "modal1"
title = "Common Modal dialog box title">
<p>Content of dialog</p>
<div slot="footer"><div>
</Modal>
- 方式二::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 版权协议,转载请附上原文出处链接和本声明。