Vue中实现生成本地Json文件功能
vue生成本地json文件
·
一.操作步骤
1.首先要引入一个JS文件,注意!!:要在自己定义的组件,和 index.html中都要引用
</template>
<div id="home-div">
<button @click="download">下载</button>
</div>
</template>
<script src="https://cdn.bootcdn.net/ajax/libs/FileSaver.js/2.0.5/FileSaver.js"></script>
<script>
export default {
name: "Mapview",
data() {
retrun {
positionList: [123, 123]
}
},
methods: {
download() {
var content = JSON.stringify({
jiedao: this.positionList,
})
var blob = new Blob([content], {
type: "text/plain;charset=utf-8"
});
console.log(blob)
saveAs(blob, "jiedao_8hou.json");
},
}
}
</script>
这样点击按钮后,把你想存放的数据放在一个数组里,通过这个方法就可以在网页上下载出一个.json文件,而这个.json文件里面的数据,就是你自己写进去的数据
更多推荐
已为社区贡献1条内容
所有评论(0)