elementUI中popover弹框组件,使用多个popover组件时,遇到的问题

问题描述:elementui中渲染多个popover组件时,点击组件内按钮,弹框不隐藏;或者多个弹框时,嵌套操作不起作用;或者popover组件点击不会隐藏;
解决思路:写一个按钮,模拟点击按钮。
分为两步:

  1. 在页面中组件外随便一个位置写一个按钮,按钮的样式为假隐藏状态(不让其占据位置空间);

#popo-btn{
		width: 0;
		height: 0;
		border: none;
		padding: 0;
		margin: 0;
	}
  1. 在点击按钮执行的方法中模拟点击按钮,就可以了
this.$refs.popo.$el.click()

快去试一试吧

你可能感兴趣的:(elementui,popover,vue)