Popover 弹出框的加上取消按钮

714 阅读1分钟
     <el-popover
        placement="bottom"
        width="438"
        :offset="-180"
        trigger="click"
        :ref="'popover'">
        
         <div class="btn"><span @click="handleCloseReview">取消</span><span>确认</span></div>
         
        </el-popover>
    handleCloseReview() {
      console.log('取消')
      this.$refs[`popover`].doClose()
    },

表格多个使用

: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  @click="handleCloseReview(scope)">取消</el-button>
            </div>

handleCloseReview(scope) {
      this.$refs[`popover-${scope.$index}`].doClose()
    },