Advertisement

elementUI中popover组件在点击内部按钮时不会关闭

阅读量：

问题：
在表格的每一行中应用Popover弹出框组件，当用户点击该组件内部的确认按钮时，弹出框未能自动关闭
如图：

在这里插入图片描述

应对策略：
创建一个按钮以实现模拟点击操作

  1. 在页面中组件外部添加一个按钮，该按钮的外观设置为伪隐藏状态
复制代码 
      <el-button
    id="popo-btn"
    ref="popo" />
    #popo-btn{
    		width: 0;
    		height: 0;
    		border: none;
    		padding: 0;
    		margin: 0;
    	}
    
    
    AI写代码javascript

2.在确认操作时，将触发模拟按钮点击功能

复制代码 
    this.$refs.popo.$el.cl

全部评论 (0)

还没有任何评论哟~

相关文章推荐