我正在开发一个 Vite 应用程序 (Vue 3.x),它利用 Transloadit 对图像/PDF 进行一些操作。我在添加 Transloadit 库时遇到了一些错误(我正在创建自己的插件包装 Transloadit)。我已经解决了由 Vite 删除process导致的错误,方法是将以下内容添加到我的vite.config.js中:define: {'process.versions': pr
2021-09-21
我的组件出现错误。有人能帮忙解决这个问题吗?我在使用 vue 3 版本。出现错误:“未捕获(在承诺中)TypeError:无法读取未定义的属性(读取“地址”)”有人有什么见解吗?profile.vue<template><div><div class="col col-lg-12 col-xl-12" v-for="(_postData, index) in postData" v-bind:ke
2022-06-05
当我们将 prop 传递给组件并使用 defineProps 从子组件定义该 prop 时,会以某种方式创建一个属性,并可从子组件模板访问该属性。parentComponent.vue<template><child-component v-model="product"></template><script setup>import childComponent from "./childCom
2022-06-05
我是 vuejs 的新手,已经实现了这个示例:Auth0 vuejs 和 api 示例它工作得很好,但是在尝试将 vuejs 代码合并到我自己的项目中时遇到了一些问题。加载需要身份验证的页面时,出现此错误:index.vue?4db4:11 Uncaught (in promise) TypeError: Cannot destructure property 'getAccessTokenSil
我正在使用 Vuejs.org 提供的可组合项,如下所示// fetch.jsimport { ref, isRef, unref, watchEffect } from 'vue'export function useFetch(url) {const data = ref(null)const error = ref(null)function doFetch() {// reset stat
2022-12-13
来自 Svelte,刚接触 Vue.js 3,我遇到了一种让我感到有些困惑的情况。这是一个非常简单的场景,在处理无 SQL 后端的 REST 调用时,您将始终遇到这种情况……部分数据集。让我用这个简单的例子来解释一下:<template><div v-if="info"><form><input type="text" v-model="info.firstname"><input type="t
我有一个接收活动状态的组件,因此在父组件中:<ChildComponent :active="active" />然后在ChildComponent中将其作为 prop 接收。虽然,当ParentComponent中的active更新时,我希望ChildComponent也更新,因此我不得不像这样声明它:const props = defineProps(['active']);const isA
2023-08-01
我正在使用 Laravel 9、Inertia和 Vue 3 开发一个项目。当我使用 Inertia 将数据库中的记录集合提供给 Vue 页面时,这些值作为一个 prop 出现,即一个代理对象数组,我可以检查.length是否大于零,我可以检查.every(i => i !== undefined),但是当我对它进行迭代时,它会在控制台上抛出一个未捕获的承诺异常。ProfessionalsCont
2022-05-10
我试图将反应数据作为 prop 传递给 Vue 3 中的子组件。数据在子组件的模板中正确更新,但似乎没有反映在子组件的脚本中。在父组件中:<script setup lang="ts">import { ref } from 'vue'const someDataId = ref<number | null>()const someFunction = (id) => {someDataId.va
2023-10-27
我的 Vue/Laravel 应用程序中出现“TypeError:无法读取 null 属性”错误。我从 API 获取数据。我可以在脚本标记中访问数据,例如在 mounted 方法中,但在模板中我无法访问数据。<template><article class="hentry blog-post single-post single-post-v3"><router-link :to="'/kateg
2022-03-05
我目前很困惑为什么 Inertia.js 没有重新加载或重新呈现我的页面。我有一个可以填写的表单,提交后将执行:Inertia.post("/ban", ban);这将重定向到我的 Laravel 的 web.php 中的 POST。看起来像这样:Route::post("/ban", [Speler::class, "ban"]);这会重定向到一个名为“Speler”的类,其中有一个名为“ban
当我在VUE 3设置代码块中编写此代码以获取输入值时,请按照此答案,这是代码的一部分:860735434运行时应用程序显示错误:255560614我已经定义了emit,为什么仍然告诉我emit不是函数?这是我的VUE3组件的完整代码:414102711我想从模板输入中获取用户输入用户名。这些方式表明这种方式不起作用。我该怎么办来解决这个问题?我试图将@vue/Compiler-sfc升级到3.2.
2022-02-13
我在 Vue 3 Composition API + Vite 中使用 emit 时遇到了一个奇怪的问题。我想从子组件向父组件进行简单的 emit。子组件的代码:<template><div class="main-stats"><v-container @click="logInWithSpotify" class="boton-login">Iniciar sesión con Spotify
2022-05-12
我尝试从子组件向其父组件发出事件。我已阅读vuejs.org 指南并认为我的语法正确。我的子组件 (AxisLabel.vue) 有<script setup>....const emit = defineEmits(['removeLetter', 'submitLetter'])const props = defineProps({stat: Object,index: Number,segm
因此,我开始使用 Vue Composition API,它非常棒。我在一个包含 Vue 组件和 Vanilla JS 的项目中使用它。我正在 Vue 中构建一个通知系统,因为我们正慢慢地将一切推向那个方向。我目前有以下用于添加通知的代码export const useNotification = () => {const notifications = ref([]);
2020-08-20