Vue-element-admin 导出json和导入json文件的方法

➜  permission git:(feature/init) npm install file-saver --save

"file-saver": "^2.0.5",

onclick: (item) => {
  this.exportMenu(item)
},
  ………………
		exportMenu(row) {
      const filename = row?.menuName || 'unknown';
      const data = JSON.stringify(this.generalExportData(row));//格式化导出的数据，转成JSON字符串
      const blob = new Blob([data], { type: '' });
      FileSaver.saveAs(blob, filename +'.json');
    },
      //递归格式化，用来处理要导出的json对象
    generalExportData(item) {
      const menu = {
        parent: item.parent,
        type: item.type,
        name: item.name,
        title: item.title,
        icon: item.icon,
        path: item.path
      }
      if (item.children) {
        menu.children = [];
        item.children.forEach(child => {
          menu.children.push(this.generalExportData(child))
        })
      }
      return menu;
    },

    <el-upload
        v-permission="['MenuAdd']"
        :limit="1"
        action="https://jsonplaceholder.typicode.com/posts/"
        ref="upload"
        accept=".json"
        :file-list="fileList"
        :show-file-list="false"
        :on-change="importMenu"
      >
        <el-button
          v-loading="uploadLoading"
          v-no-more-click
          class="el-icon-upload"
          type="primary"
        >
          {{ $trans_btn('import') }}
        </el-button>
      </el-upload>	
		importMenu(file) {
      let reader = new FileReader();
      reader.readAsText(file.raw);
      reader.onload = (e) => {
        this.uploadLoading = true;
        const menu = JSON.parse(e.target.result);//转成JSON对象
        //提交给后端处理
        importMenu({systemId: this.systemId, menu: menu}).then((res) => {
          if (res.code > 0) {
            this.$message.error(res.msg)
          } else {
            this.$message.success(this.$trans('msg.success'));
            this.saveSuccess();//处理成功要重新渲染列表
          }
          this.uploadLoading = false
        }).catch((e) => {
          console.log(e);
          this.uploadLoading = false
        });
      };
    },