美文网首页
2023-03-21 iview model去掉取消和确定按钮

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

作者: 流泪手心_521 | 来源:发表于2023-03-20 16:04 被阅读0次

    在 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>
    

    相关文章

      网友评论

          本文标题:2023-03-21 iview model去掉取消和确定按钮

          本文链接:https://www.haomeiwen.com/subject/umaurdtx.html