Popconfirm气泡确认框弹出前增加判断

在使用element-Plus的Popconfirm组件时，当用户点击按钮，如何先进行某种判断，在决定是否展示气泡确认框。

Popconfirm组件用于当用户要进行一项敏感操作前，需要确认其操作。这个组件有一个属性叫做trigger，它定义了触发Popconfirm弹出层的方式，可以是hover（悬停）或click（点击）。
如果你想在点击按钮时先进行某种判断，然后决定是否显示Popconfirm，你可以在按钮的点击事件中进行判断，并通过控制Popconfirm绑定的显示变量来控制Popconfirm的显示。
以下是一个简单的例子：

<template>
  <el-popconfirm
    :title="`确定要删除吗？"
    @confirm="handleConfirm"
    :visible="isVisible">
    <el-button slot="reference" @click="handleClick">点击我</el-button>
  </el-popconfirm>
</template>

<script>
export default {
  data() {
    return {
      isSure: false,
      isVisible: false,
    };
  },
  methods: {
    handleClick() {
      // 这里可以进行你需要的判断
      this.isSure = true; // 假设我们这里简单地设定为true
      if (this.isSure) {
        // 如果判断允许，则显示Popconfirm
        this.isVisible = true;
      } else {
      	this.isVisible = false;
    },
    handleConfirm() {
      // 确认操作
      console.log('确认操作');
    }
  }
};
</script>

在这个例子中，我们定义了一个isSure变量来代表判断结果，在handleClick方法中，我们对isSure进行了判断，然后根据判断结果将isVisible设置为true或false来控制Popconfirm的显示。如果isSure为true，则显示Popconfirm；如果为false，则不显示。用户最终的操作会在handleConfirm方法中处理。