Я использую Vue. js, и мне нужно загрузить данные JSON из указанного файла c. Я скачал пакет 'vue - json -to-excel', а также импортировал его в main. js из c. Консоль предупреждает о нескольких ошибках: «Станции не определены», «Ожидается функция» и «Не удается получить свойство« длина »неопределенной или нулевой ссылки». Я никогда не работал с этим пакетом 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
}
}
]
}
Может кто-нибудь помочь мне, пожалуйста?