2023-03-21 iview model去掉取消和确定按钮

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

image.png

view官网(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>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容