elementui上传json文件

你可以使用 Element UI 的上传组件来上传 JSON 文件。首先，需要在页面中引入 Element UI 组件库和 Vue.js：

<!-- 引入 Element UI 样式 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引入 Vue.js -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入 Element UI 组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

然后，在 Vue.js 实例中，可以使用以下代码来创建一个上传组件：

<template>
  <el-upload
    class="upload-demo"
    action="/upload"
    :before-upload="beforeUpload"
    :on-success="onSuccess"
    :on-error="onError"
    :file-list="fileList">
    <el-button size="small" type="primary">点击上传</el-button>
    <div slot="tip" class="el-upload__tip">只能上传 JSON 文件</div>
  </el-upload>
</template>

<script>
export default {
  data() {
    return {
      fileList: []
    };
  },
  methods: {
    beforeUpload(file) {
      const fileType = file.type;
      const isJSON = fileType === 'application/json';
      if (!isJSON) {
        this.$message.error('只能上传 JSON 文件');
      }
      return isJSON;
    },
    onSuccess(response, file, fileList) {
      this.$message.success('上传成功');
      console.log(response);
    },
    onError(err, file, fileList) {
      this.$message.error('上传失败');
      console.log(err);
    }
  }
};
</script>

在这个示例中，我们创建了一个上传组件并设置了以下属性：

- `action`：指定上传文件的 URL。
- `before-upload`：在上传文件之前对文件类型进行验证，只允许上传 JSON 文件。
- `on-success`：上传成功后的回调函数，可以在这里处理上传成功后的响应。
- `on-error`：上传失败后的回调函数，可以在这里处理上传失败后的错误。
- `file-list`：绑定上传文件列表。

在上传成功后，可以在 `onSuccess` 回调函数中获取上传成功后的响应，并使用 `this.$message` 方法来显示上传成功的提示信息。如果上传失败，可以在 `onError` 回调函数中获取错误信息，并使用 `this.$message` 方法来显示上传失败的提示信息。