vuejs如何实现下载json/txt格式文件

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`)