before-upload上传前执行函数中实现只有通过确定按钮点击才返回true

在 Vue3 的 `before-upload` 回调函数中，如果你想确保用户只能通过点击特定按钮来允许上传，可以在该回调里检查 `allowUpload` 变量的状态。如果它被设置为 `true`，则表示用户已经确认并可以上传，此时返回 `true`；否则，不允许上传，返回 `false`。这里是相应的代码：

<template>
  <div>
    <el-button v-if="!allowUpload" @click="allowUpload = true">确定上传</el-button>
    <el-upload
      :before-upload="handleBeforeUpload"
      :on-success="handleSuccess"
      action="https://jsonplaceholder.typicode.com/posts/"
    >
      <!-- ... -->
    </el-upload>
  </div>
</template>

<script setup lang="ts">
import { ElButton, ref, onMounted } from 'element-plus';

const allowUpload = ref(false); // 控制是否允许上传的标志位

function handleBeforeUpload(file: any) {
  if (allowUpload.value) {
    return true; // 用户点击确认后，允许上传
  } else {
    console.error('请先点击“确定上传”按钮');
    return false;
  }
}
</script>

在这个例子中，如果你想要阻止其他非确认操作导致的上传，只需保证在调用 `allowUpload.value = true` 后才允许上传。当用户点击“确定上传”按钮时，这个变量会被设置为 `true`，进而触发上传过程。