我正在使用Vue.js,我需要从特定文件下载JSON数据。我下载了一个软件包“ vue-json-to-excel”,也将其导入到main.js ofc中。控制台警告多个错误“工作站未定义”,“预期功能”和“无法获取未定义或空引用的属性'length'” 我从未使用过此JavaScript包,因此我只使用了其站点中的代码,对我而言不起作用。
Main.js:
import JsonExcel from 'vue-json-to-excel'
Vue.component('downloadExcel', JsonExcel)
这是组件的文件,我希望该下载按钮位于其中:
<template>
.
.
<div class="col-6">
<canvas id="temperaturechart" width="750" height="400"></canvas>
<downloadExcel
class = "btn btn-default"
:data = "stations"
:fields = "temperatures"
name = "filename.xls">
Download
</downloadExcel>
.
.
</template>
<script>
import temperatureChartData from '../temperature_chart.js'
import { stations } from '../json/data.json'
export default {
components:{
.
.
},
.
.
computed: {
temperatures() {
return stations(
({
temperatures,
}) => ({
temperatures,
}))
}
},
这是我要从中下载这些数据的JSON文件:
{
"stations": [
{
"num": 0,
"name": "Meteostanice 1",
"temperatures": [
"26,5°C",
"27°C",
"24,3°C",
"21,2°C",
"12°C",
"16,5°C",
"15,6°C"
],
"wind": [
"60km/h",
"62km/h",
"64,5km/h",
"62,5km/h",
"68,3km/h",
"70,2km/h",
"67km/h"
],
"humidity": [
"36%",
"38%",
"40%",
"41%",
"31%",
"30%",
"42%"
],
"pressure": [
"1018hPa",
"1020hPa",
"1019hPa",
"1017hPa",
"1021hPa",
"1022hPa",
"1016hPa"
],
"location": {
"lat": 50.431702,
"lng": 14.911439
}
},
{
"num": 1,
"name": "Meteostanice 2",
"temperatures": [
"24°C",
"25,6°C",
"26,4°C",
"26°C",
"25,7°C",
"25,9°C",
"26°C"
],
"wind": [
"60km/h",
"62km/h",
"64,5km/h",
"62,5km/h",
"68,3km/h",
"70,2km/h",
"67km/h"
],
"humidity": [
"36%",
"38%",
"40%",
"41%",
"31%",
"30%",
"42%"
],
"pressure": [
"1018hPa",
"1020hPa",
"1019hPa",
"1017hPa",
"1021hPa",
"1022hPa",
"1016hPa"
],
"location": {
"lat": 50.416366,
"lng": 14.905156
}
},
{
"num": 2,
"name": "Meteostanice 3",
"temperatures": [
"25°C",
"32°C",
"32°C",
"32°C",
"32°C",
"32°C",
"32°C"
],
"wind": [
"30km/h",
"32km/h",
"34,5km/h",
"31km/h",
"45km/h",
"42,5km/h",
"40km/h"
],
"humidity": [
"36%",
"38%",
"40%",
"41%",
"31%",
"30%",
"42%"
],
"pressure": [
"1018hPa",
"1020hPa",
"1019hPa",
"1017hPa",
"1021hPa",
"1022hPa",
"1016hPa"
],
"location": {
"lat": 50.43,
"lng": 14.92
}
}
]
}
有人可以帮我吗?