vue解决element-ui中循环产生的popover中的内容手动点击完操作后隐藏

1.想要功能--如下图：既点击弹窗中的列表项之后，弹窗popover隐藏

2.解决方法-没有使用回调时

在el-popover中加属性 :ref="popover-${scope.$index}"

在列表项中加 @click="scope.self.$refs[popover-${scope.$index}].doClose()"

3.解决方法-回调操作时(也适合el-popover中的内容直接用的子组件)

页面vue组件

methods方法

这里打印了scope参数