• vue ant popconfirm 阻止事件冒泡


    这段代码表格有行点击事件,行中有三个a标签,分别有点击事件,目标是点击行中的a标签时,不触发行的点击事件。
                    <a-table
                        ref="table"
                        size="middle"
                        bordered
                        rowKey="id"
                        :columns="columns"
                        :dataSource="dataSource"
                        :pagination="ipagination"
                        :loading="loading"
                        :customRow="rowClick"
                        @change="handleTableChange">
    
                        <span slot="action" slot-scope="text, record">
                            <a @click="handlePreview(record)">查看</a>
                            <a-divider type="vertical" v-show="uploader"/>
                            <a-popconfirm v-show="uploader" title="确定删除吗?" @confirm="(e) => handleDelete(record.id)">
                                <a>删除</a>
                            </a-popconfirm>
                            <a-divider type="vertical"/>
                          <a @click="handleDonwload(record)">下载</a>
                        </span>
                    </a-table>

    实现方式:

      <span slot="action" slot-scope="text, record">
                            <a @click.stop="handlePreview(record)">查看</a>
                            <a-divider type="vertical" v-show="uploader"/>
                            <a-popconfirm v-show="uploader" title="确定删除吗?" @confirm="(e) => handleDelete(record.id)">
                                <a @click.stop>删除</a>
                            </a-popconfirm>
                            <a-divider type="vertical"/>
                          <a @click.stop="handleDonwload(record)">下载</a>
                        </span>

    特别是 popconfirm 控件,需要控件在  <a @click.stop>删除</a>  中

  • 相关阅读:
    Redis数据库
    python的web运用
    python对 if __name__=='__main__'的理解
    python的函数
    python的四种内置数据结构
    python的循环和选择
    关于oracle设置主键自增的问题
    用HttpClient和用HttpURLConnection做爬虫发现爬取的代码少了的问题
    ORACLE not available如何解决
    集合(下)
  • 原文地址:https://www.cnblogs.com/chensuqian/p/14300557.html
Copyright © 2020-2023  润新知