vue3导入json文件并读取
<template>
<el-upload
:show-file-list="false"
accept=".json"
:auto-upload="false"
:limit="1"
:on-change="handleOnchange"
>
<el-button type="primary" style="margin-right: 10px;">导入</el-button>
</el-upload>
</template>
<script lang="ts">
import { defineComponent, shallowRef } from "vue";
import type { UploadFile } from "element-plus";
export default defineComponent({
name: "importJSON",
setup() {
// 上传
const handleOnchange = (uploadFile: UploadFile) => {
let file = ; // 获取文件信息
const fileReader = new FileReader();
(file!); // 开始读取文件的内容为二进制
= (ev) => { // 读取完成,对数据进行自己的操作
const data = ?.result; //获取内容
((data as string));
};
};
return {
handleOnchange,
};
},
});
</script>