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

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

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

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

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

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

 

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

页面vue组件

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

methods方法

这里打印了scope参数

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

你可能感兴趣的:(vue)