From 130a1380e65da137fae915486f3ac2528e8daac6 Mon Sep 17 00:00:00 2001 From: "Wortman, Elliot (UG - Comp Sci & Elec Eng)" <ew00710@surrey.ac.uk> Date: Sun, 26 Nov 2023 16:35:53 +0000 Subject: [PATCH] Modify passing x-axis-data as refering to function was causing errors in production build Error was "this is not defined", did not occur in dev environment --- src/App.vue | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/App.vue b/src/App.vue index 4200261..a367662 100644 --- a/src/App.vue +++ b/src/App.vue @@ -15,6 +15,9 @@ export default { mounted() { this.getPastValues(); }, + created() { + this.pastSevenDaysData = this.getPastSevenDays(); + }, methods: { getPastValues() { axios @@ -37,6 +40,7 @@ export default { }, data() { return { + pastSevenDaysData: [], npkData: null, thmData: null } @@ -55,8 +59,8 @@ export default { </div> </div> <div class="bottom-section"> - <MultiLineChart v-if="npkData" :chart-data="npkData" :x-axis-data=this.getPastSevenDays() /> - <MultiAxisChart v-if="thmData" :chart-data="thmData" :x-axis-data=this.getPastSevenDays() /> + <MultiLineChart v-if="npkData" :chart-data="npkData" :x-axis-data=pastSevenDaysData /> + <MultiAxisChart v-if="thmData" :chart-data="thmData" :x-axis-data=pastSevenDaysData /> </div> </div> </template> -- GitLab