菜单 学习猿地 - LMONKEY

VIP

开通学习猿地VIP

尊享10项VIP特权 持续新增

知识通关挑战

打卡带练!告别无效练习

接私单赚外块

VIP优先接,累计金额超百万

学习猿地私房课免费学

大厂实战课仅对VIP开放

你的一对一导师

每月可免费咨询大牛30次

领取更多软件工程师实用特权

入驻
1519
1

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

原创
05/13 14:22
阅读数 3470

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

发表评论

0/200
1519 点赞
1 评论
收藏
为你推荐 换一批