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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM