【避坑指“难”】el-popover 点击取消按钮,弹窗仍然无法关闭

207 阅读1分钟

给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值相同