使用el-upload上传json

你可以使用 `el-upload` 组件上传 JSON 文件。下面是一个简单的示例：

<template>
  <div>
    <el-upload
      class="upload-demo"
      action="/upload"
      :on-success="handleSuccess"
      :before-upload="beforeUpload"
      :auto-upload="false"
    >
      <el-button slot="trigger" type="primary">
        <i class="el-icon-upload"></i> 选择文件
      </el-button>
      <el-progress
        class="progress"
        :stroke-width="2"
        :percentage="uploadPercentage"
        :status="uploadStatus"
      ></el-progress>
    </el-upload>
  </div>
</template>

<script>
export default {
  data() {
    return {
      uploadPercentage: 0,
      uploadStatus: "",
    };
  },
  methods: {
    handleSuccess(response) {
      console.log(response);
    },
    beforeUpload(file) {
      const isJSON = file.type === "application/json";
      if (!isJSON) {
        this.$message.error("只能上传 JSON 文件");
      }
      return isJSON;
    },
  },
};
</script>

在这个示例中，我们设置了 `el-upload` 的 `action` 属性为 `/upload`，同时设置了 `before-upload` 属性来验证上传的文件格式是否为 JSON。如果验证不通过，会弹出错误提示。如果验证通过，可以在 `handleSuccess` 方法中获取上传成功的响应结果。

注意：在实际项目中，你需要根据自己的需求，设置不同的 `action` 属性，来指向不同的后端上传接口。