JS 读取本地JSON文件、导出为JSON文件格式文件

// 导出为JSON文件 HTML

<el-button @click="export(scope.$index)" type="text" size="small">导出

// javascript

export (index) {

let data = this.configList[this.configIndex]['list'][index]

let blob = new Blob([JSON.stringify(data)])

let url = URL.createObjectURL(blob)

const elink = document.createElement('a')

elink.href = url

elink.download = data['name'] + '.json'

elink.click()

elink.remove()

}

// 读取本地JSON文件 HTML

<el-button @click="import" type="primary">导入JSON文件

<input type="file" ref="file" style="display: none;" accept=".json" @change="handleFileUpload($event)">

// javascript

import() {

this.$refs.file.click()

},

handleFileUpload(e) {

let fileText = this.$refs.file.files[0]

let reader = new FileReader()

reader.readAsText(fileText, "UTF-8")

reader.onload = function(e) {

    var dataList = JSON.parse(e.target.result)

    console.log('kkkkkkk:', data)

}

}