给el-popover添加属性
:ref="
popover-${scope.$index}
"
<el-popover
placement="bottom"
width="200"
:ref="`popover-${scope.$index}`"
:visible.sync="reviewVisible"
>
<div style="text-align: right; margin-top: 20px">
<el-button size="mini" type="text" @click="handleCloseReview(scope)">取消</el-button>
<el-button
type="primary"
size="mini"
@click="handleAdd"
>确定</el-button>
</div>
对取消按钮绑定点击事件
handleCloseReview(scope) {
this.$refs[`popover-${scope.$index}`].doClose()
},
注意:$refs后面必须和绑定的:ref值相同