在 iview 中 Modal对话框组件总是带着“取消”和“确定”这两个按钮,有时候在做需求的时候,并不用这两个按钮,只是单独想要对话框而已,这怎么去除这个两个按钮?
image.pngview官网(http://v2.iviewui.com/components/modal)中说到,Modal对话框可通过solt 自定义页头 / 页脚 / 右上角关闭内容 (header / footer / close)
实现去除“取消” 和“确定”按钮可通过自定页脚,其代码如下:
<Modal v-model="drawLogVisible" title="领取记录" :loading="drawLogLoading" width="1000">
<Table
stripe
:loading="drawLogLoading"
font-size="16px"
highlight-row
searchable
search-place="top"
size="small"
@on-selection-change="_ => (multipleSelection = _)"
:columns="drawLogColumns"
:data="drawLogList"
height="450"
>
</Table>
<div style="text-align: center; padding-top: 5px; padding-bottom: 5px">
<Page :current="drawLogListQuery.page" :total="drawLoglTotal" :page-size="drawLogListQuery.limit" @on-change="drawLogPageChange"/>
</div>
<div slot="footer"></div>//直接写div slot="footer"就好了
</Modal>
网友评论