我正在尝试使用一种方法从 json 文件中获取数据并将其添加到我的 chart.js 图表中。我一直收到“超出最大调用堆栈大小”的消息，这具体是由this.chartData.push(el.value);行引起的，我尝试过更改命名，但没有成功，也尝试过使用this.$data.chartData。我正在使用 vue3、chart.js v3 和 j-t-mcc/vue3-chartjs这里是co
我有一个使用 Chart.js 3.5 库绘制的折线图。图表呈现正确、响应迅速，所有动画均能正常工作。我试图从父组件触发数据更新，并触发图表更新。当调用chart.update()时，会引发异常：“Uncaught (in promise) RangeError：超出最大调用堆栈大小”我使用的是 Vue 3 和 Chart.js 3.5编辑 1：这里有一个沙盒来复制错误。逻辑如下：图表数据通过 p
2021-07-31
我正在学习 Vue.js。我有这个运行良好的代码：import { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'const app = createApp(App).use(store).use(router)app.mount('#
我的表单出现问题。每次我按下一个键在输入中添加一个字符时（我以姓氏为例，但每次输入都会出现相同的错误），都会出现此错误。表单正在运行，但无论如何我想清除这些错误。我自己也尝试过，但不知道哪里出了问题。以下是错误所指的代码部分： const resetError = (field) => {validationErrors.value.contactForm[field] = null;};c
2022-10-29
我有类似这样的组件：<template><div><p>Current coords: <strong>{{ coords }}</strong></p><button type="button" @click="updateCoords"></div></template><script>export default {props: {coords: {type: Array,required:
2021-11-11
我正在使用 Chart.js 3.5 和 Vue 3。我成功地绘制了一个图表，并试图在 Vue 方法中触发数据更改。不幸的是，我遇到了以下问题：“未捕获的 TypeError：无法设置未定义的属性‘fullSize’”。编辑 2：添加了一个遗漏的 }。代码现在应该可以运行了MyChart.vue：<template><canvas id="chartEl" width="400" height="
2021-07-28
在我的Something.vue中：<template><p>{{ codes }}</p></template>export default {data() {return {codes: 'test'}},name: 'Functions',props: {msg: String},setup() {this.codes = 'does it work?';}</script><style><
在我的 vuejs3 应用程序中，我的 main.js 中有这段简单的代码import { createApp } from "vue";import App from "./App.vue";import { firestorePlugin } from "vuefire";const app = createApp(App);app.use(firestorePlugin);app.mount
2021-02-08
我刚刚开始使用 Vue.js，并通过一些在线代码片段和教程进行学习。我正在尝试为我的 vue 项目实现国际化支持，但在 Web 控制台中出现错误。这是我的代码片段main.jsimport { createApp } from 'vue';import App from './App.vue';import VueI18n from 'vue-i18n'import router from '
2020-10-26
我试图将数据传递给位于数据函数内部的 receieved 数组，我正在从 firebase 获取数据并希望在 vue 表中显示，但它显示错误未捕获的 TypeError：无法设置未定义的属性“receieved”有人能帮我怎么做吗？提前致谢TypeError: Cannot set property 'receieved' of undefinedat eval (Main.vue?48a8:78
2020-03-09
我有一个包含将显示的问题数据的数组。一次只能显示一个问题。一旦用户选择了问题的答案，他们就可以通过单击按钮或使用上下箭头键移动到下一个问题。这是当前版本的 gif：App.vue文件：import { defineComponent, ref } from 'vue';import QuestionCard from "./components/QuestionCard.vue";export d
2023-08-10
我正在尝试使用 fullcalendar.io。我遵循示例和文档。但是，在调用函数时，它会出现几个错误，我无法解决它，因为我不明白错误的原因。错误 1：[Vue warn]: Error in data(): "ReferenceError: handleDateSelect is not defined"found in---> <Calendary> at src/components/Cal
2021-10-20
<template><article class="message is-warning"><div class="message-header"><span>Code Quotes</span></div><div class="message-body"><span v-html="fetchedQuotes.data.quote"></span><span>{{fetchedQuotes.d
2022-05-30
我是 Vue.js 新手，在创建项目时遇到了此错误。以下是我执行的步骤：通过 cmd 安装 Vue/clinpm install @vue/cli创建 Vue 项目。我导航到 Visual Studio 终端上的所需文件夹，因为我已经准备好并运行了后端。因此，在同一个文件夹中，将同时存在与 Node.js 配合使用的后端和用作前端的 Vue 项目。在将项目作为根文件夹的情况下执行命令vue cre
2023-05-17
环境Laravel v9 + vite，PHP 8.1，vue3，VPS Linux 发行版。UBUNTU我的 Laravel 项目的 vue.js 组件中出现此错误，它表示 profile_picture 在对象中具有空值，但我也对此进行了检查 <div v-if="typeof rep.user.profile_picture != null"><img :src="rep.use
2022-11-07