2025年02月07日 建站教程
vuejs如何实现点击保存按钮把数据传到json/txt格式文件中并下载，下面web建站小编给大家详细介绍一下具体实现代码！
vuejs自带下载（非插件）
const element = document.createElement('a')
element.setAttribute('href', 'data:application/json;charset=utf-8,' + encodeURIComponent(this.code)) //下载json格式
//element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(this.code)) //下载txt格式
element.setAttribute('download', '文件名')
element.style.display = 'none'
element.click()
利用file-saver脚手架
安装脚手架
npm install file-saver --save
需要的页面引入
import saveJson from 'file-saver'
//如果this.data是数组格式，需要转换格式[JSON.stringify(this.data)]
let arr = new Blob([this.data], { type: 'text/plain;charset=utf-8' })
saveJson(arr, `文件名.json`)
本文链接：http://so.lmcjl.com/news/22696/