vue实现文件流文件导出json
<template>
<div class="hello">
<button @click="exportJSON">导出jsonn</button>
<button @click="exportText">导出Text</button>
</div>
</template>
<script>
import FileSaver from 'file-saver'
export default {
data () {
return {
// 待导出的json数据
CfgInfo: {
CAN: {
Chn: 0,
name: 'CAN通道'
},
LIN: {
Chn: 1,
name: 'LIN通道'
}
}
}
},
methods: {
exportJSON () {
// 将json转换成字符串
const data = JSON.stringify(this.CfgInfo)
const blob = new Blob([data], {type: ''})
// const textStr = 'aaaaa,bbbbbbb,cccccc'
FileSaver.saveAs(blob, 'hahaha.json')
},
exportText () {
const textStr = 'aaaaa,bbbbbbb,cccccc'
FileSaver.saveAs(textStr, '')
}
}
}
</script>