el-table中使用el-popover点击取消按钮时popover框的显示与隐藏问题

直接使用popover弹出框的时候，是没有任何问题的，但是在el-table中使用popover弹出框就会出现，点击取消按钮，popover框不会隐藏，即使使用v-model绑定值，也是不管用的
解决方法如下
1.在el-popover中添加属性：:ref="popover-${scope.$index}"
2.取消按钮添加点击事件，添加scope参数

<el-table-columnlabel="操作"><template slot-scope="scope"><el-popoverplacement="top":ref="`popover-${scope.$index}`"><p>是否已经回访完毕？</p><div style="text-align: right; margin: 0"><el-buttonsize="mini"type="text"@click="cancelBtn(scope)">取消</el-button></div><el-button slot="reference">回访</el-button></el-popover></template>
</el-table-column>

3.methods方法中调用doClose()：scope._self.refs[‘popover−refs[`popover-refs[‘popover−{scope.$index}`].doClose()

cancelBtn (scope) {scope._self.$refs[`popover-${scope.$index}`].doClose()
}

博客迁移至GitHub

el-table中使用el-popover点击取消按钮时popover框的显示与隐藏问题相关推荐

点击小眼睛完成密码框的显示与隐藏睁眼和闭眼
//当我点击小眼睛时private void eye() {img_login_eye.setOnClickListener( new View.OnClickListener() {@Overrid ...
java取消按钮_Java Swing-单击取消按钮时不循环
小编典典在我最近从事的项目中,我实现了一个基于事件的解决方案.这个想法是JDialog通知其父级JFrame登录过程如何进行的,而最后一个登录名可能会也可能不会继续执行.这样,我就没有循环并保持各自 ...
html button点击后失去焦点,页面一个input输入框和一个取消按钮，input失去焦点时向后台发交易，点击取消按钮时不发交易...
html 取消 alt 静态页面批注:在点击按钮的时候之前就执行了blur事件,所以这个时候是无法把发送到后台的接口给拦截住的. 给2个不同的元素进行的绑定事件,这个时候2个事件还出现了重叠. 经过 ...
vue解决element-ui popover点击取消时 popover的显示与隐藏问题
最近在项目中使用 elementui 中的table组件popover进行开发,官网的案例如果使用数据遍历,操作列使用 <template></template> 做插槽的话 ...
Winforn中使用FastReport实现点击导出按钮PDF预览并弹出另存为对话框
场景 FastReport安装包下载.安装.去除使用限制以及工具箱中添加控件: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...
js点击取消按钮关闭当前弹框_UI设计中“取消按钮”的分析详解
按钮,无论是在 Web 还是 App 上都被广泛地使用,而很少有设计师会注意到按钮当中的细节,导致在设计过程中出现一些低级的错误,使得用户在完成任务的过程中产生阻碍,无法顺利达成目的. 在许多优秀的产 ...
ajax返回功能,jquery – 记得ajax在点击返回按钮时添加的数据
我有一个搜索页面,其中每个搜索结果都添加到具有AJAX的页面.这样我可以让用户搜索例如Led Zeppelin,然后做另一个搜索Metallica,但添加到与以前的搜索相同的结果列表. 我的问题是当用 ...
微信小程序实现点击分享按钮时动态改变分享图片和标题
最近在做小程序时遇到一个需求,是一个商城小程序,在每个商品上都有一个分享按钮,点击这个分享按钮就可以分享这个商品,要求分享的内容是该商品的图片和标题. 这个需求把我难住了,大家都知道在触发分享时需要提 ...
js点击取消按钮关闭当前弹框_js关闭当前页面(窗口)的几种方式总结
1. 不带任何提示关闭窗口的js代码代码如下: 关闭 2.自定义提示关闭代码如下: // 这个脚本是 ie6和ie7 通用的脚本 function custom_close(){ if (conf ...

el-table中使用el-popover点击取消按钮时popover框的显示与隐藏问题

博客迁移至GitHub

el-table中使用el-popover点击取消按钮时popover框的显示与隐藏问题相关推荐

最新文章

热门文章