美文网首页
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>

相关文章

  • selenium对于弹出对话框处理

    JavaScript 有三种弹窗 Alert (只有确定按钮), Confirmation (确定,取消等按钮),...

  • bug修改

    iview 表格当前行编辑或详情按钮取消后再点新增按钮编辑行被清空 搜索按钮 需回到第一页再搜索

  • 对Dialog进行封装

    Dialog 添加依赖 通用Dailog 下面是基础用法: 你可以设置标题、内容、确定按钮和取消按钮的文字颜色。例...

  • 确定和取消按钮的放置位置

    我记得之前在做弹窗的时候曾经跟产品讨论过确定和取消的位置放置问题,确定是在左边好呢?还是右边好呢?取消呢?一直没有...

  • element $confirm 提示框按钮位置调整

    $confirm提示框的按钮默认顺序是取消、确定,想要将两个按钮的顺序调换,思路是将取消按钮向右浮动即可。1、定义...

  • 确定/取消?取消/确定?到底按钮要怎么摆放?

    当我们在设计一款产品的时候,遇到确定/取消按钮的时候,经常会停下来想一想:到底是哪种位置合适?很多的新手PM,就会...

  • BOM 事件

    1.window.confirm(“msg”) 功能:显示一个带有指定消息和包含确定和取消按钮的对话框。点击确定返...

  • Android AlertDialog 设置确定不取消

    AlertDialog 点击空白处可以取消,点击确定、取消按钮也会取消,但是有些场景不需要取消的。。空白处取消设置...

  • 关于 confirm 确认对话框

    confirm() 方法用于显示一个带有指定消息和 OK 及取消按钮的对话框。 如果用户点击确定按钮,则 conf...

  • 规范

    安卓有返回按钮 弹窗是重试 ios没有 在弹窗取消 确定

网友评论

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

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