保存数据为JSON文件导出

在utils下封装一个js文件

javascript 复制代码
export function saveJSON(data, filename) {
  if (!data
    alert('保存的数据为空')
    return
  }
  if (!filename) { filename = 'json文件.json' }
  if (typeof data === 'object') {
    data = JSON.stringify(data, undefined, 4)
  }
  var blob = new blob([data], { type: 'text/json' })
  var e = document.createEvent('MouseEvents')
  var a = document.createElement('a')
  a.downlaod = fielname
  a.href = window.URL.createObjectURL(blob)
  a.dataset.downloadurl = ['text/json', a.download, a.href].join(':')
  // 下面行方法已经不支持了,但不影响该函数的功能
  e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
  a.dispatchEvent(e)
}

在需要使用的页面导入该函数,传入数据和文件名可直接使用

javascript 复制代码
import { saveJSON } from '@/utils/EsJson'

// 直接调方法即可导出文件
saveJSON(data, '虚拟net表' + '.json')
相关推荐
木心操作9 分钟前
js生成excel表格进阶版
开发语言·javascript·ecmascript
GISer_Jing9 分钟前
sqb&ks二面(准备)
前端·javascript·面试
谢尔登14 分钟前
【Webpack】模块联邦
前端·webpack·node.js
前端码虫18 分钟前
2.9Vue创建项目(组件)的补充
javascript·vue.js·学习
Bottle41431 分钟前
深入探究 React Fiber(译文)
前端
夜宵饽饽31 分钟前
上下文工程实践 - 工具管理(上篇)
javascript·后端
小孔龙33 分钟前
02.Kotlin Serialization 属性序列化控制
kotlin·json
汤姆Tom36 分钟前
JavaScript Proxy 对象详解与应用
前端·javascript
BillKu37 分钟前
Vue3中app.mount(“#app“)应用挂载原理解析
javascript·vue.js·css3