element ui 在 table 内使用 el-popover 弹框不显示

在table中使用el-popover ,打比方一页显示20条数据,偶尔会有一条数据点击后 弹框不显示,但是其他都正常:

代码如下:

<template slot-scope="scope">
                            <div>
                                <el-popover ref="popover4" min-width="120" trigger="click" placement="bottom" >
                                    <el-button size="mini" type="success" >详情</el-button>
                                    <el-button size="mini" type="danger" >删除</el-button>
                                </el-popover>
                                <a v-popover:popover4  href="javascript:;" >
                                    操作
                                </a>
                            </div>
                        </template>

请问,为什么会出现偶尔点击 不会出现弹框的问题???

附加:table最下面的一条数据,点击后,路由地址会回到根目录,找到原因是herf=“#”的原因

主要问题是在控制台html结构中没有看到 出现div的弹框

使用另一种写法,解决问题,但是同事的mac电脑出现 点击操作没有反应,鼠标没有变成手型,

<el-table-column label="操作"  width="80">
                        <template slot-scope="scope">
                            <el-popover placement="bottom" width="120" trigger="click">
                                <el-button size="mini" type="success" >详情</el-button>
                                <el-button size="mini" type="danger" >删除</el-button>
                                <el-button slot="reference" size="mini" type="success" style="width:60px">         
                                    操作
                                </el-button>
                            </el-popover>
                        </template>
                    </el-table-column>
讨论数量: 1
DreamOfFreedom

你这个 帮不了你,如果能远程。我很愿意帮你解决这个问题

2个月前 评论

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!