<el-table-column label="" width="80px">
<template slot-scope="scope">
<el-popover placement="bottom" trigger="click" ref="popover4" >
<el-button size="mini" type="success" >详情</el-button>
<el-button size="mini" type="danger" >删除</el-button>
</el-popover>
<el-button v-popover:popover4 size="mini" type="success" > 操作 </el-button>
</template>
</el-table-column>
Popover 放在table 里面,点击操作,会弹出框,目前问题是,table 里面大多数操作点击都可以弹出,偶尔会有一个点击操作 不会弹出框的问题,一般是table表格最下面的一条数据的操作 无法弹出,不知道为什么会出现这样的问题???
因没有找出原因,重新换了一个写法,代码如下:
<el-table-column label="" width="80px">
<template slot-scope="scope">
<el-popover placement="bottom" 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>
没有出现个别操作点击弹框不出现的情况,但是有新的问题:
使用的是谷歌浏览器,在mac 下,会出现 操作按钮点击无反应,而且鼠标不会变成手,而在操作的buttom旁边外围 会出现鼠标手标,并且可以点击弹出弹框,
在window 谷歌浏览器中 正常
不知道为什么会出现这个问题?
相似问题