我试图将反应数据作为 prop 传递给 Vue 3 中的子组件。数据在子组件的模板中正确更新,但似乎没有反映在子组件的脚本中。在父组件中:<script setup lang="ts">import { ref } from 'vue'const someDataId = ref<number | null>()const someFunction = (id) => {someDataId.va
2023-10-27
我有一个关于将anime.js导入我的 vue 项目的问题。我正在使用 vue cli。如何将animejs包含到我的项目中?我尝试了以下方法:import anime from 'animejs'Vue.use(anime);但是我在控制台中收到一条错误消息:Uncaught TypeError: a.hasOwnProperty is not a function. . .你们能帮我吗?
我正在使用vue-google-maps,我已经实现了该插件,它运行完美,但有一个小问题(或者也许我无法正确执行)。当我实现自动完成功能时,它以一种方式工作。我输入地址,地图将我指向选定的位置,但当我拖动指针时,它不会更新搜索字段中的地址。我正在使用 Vuejs 2和vue-google-maps这就是我正在做的:<template><div><label>AutoComplete<GmapAut
2018-10-04
我尝试使用 Google 自动完成功能在 vue.js 文件中通过单一选择填写多个字段。我从哪里获取 address_components? vue-google-autocomplete 来自这里:https://github.com/olefirenko/vue-google-autocomplete到目前为止,我曾尝试遵循此处找到的相同谷歌地址表单:https://developers.go
2019-06-21
尝试将数据发布到集合(使用 Vue(2.6.11)、Vuetify(2.4.0)、Vuex(3.6.2)、Vue-router(3.5.1)、Axios)但出现此错误。还没能修复它,不确定为什么它不起作用。添加项目表单(AddItem.vue): <v-form ref="form" v-model="valid"><v-text-field name="title"
2022-03-15
我的 Vue/Laravel 应用程序中出现“TypeError:无法读取 null 属性”错误。我从 API 获取数据。我可以在脚本标记中访问数据,例如在 mounted 方法中,但在模板中我无法访问数据。<template><article class="hentry blog-post single-post single-post-v3"><router-link :to="'/kateg
2022-03-05
我刚刚用 Laravel 10、InertiaJS 和 Vue3 开始了一个新项目。我设置了两个简单模型,Blog和Listings。由于这是我使用 Inertia 和 Vue 的第一个项目,我根据教程创建了博客(作为参考框架)。blog的所有 CRUD 资源路由均正常工作。因此,我生成了所有listings资源以镜像blog。listings唯一有效的路由是 index、create 和 sto
我已经设置了一个使用 Jetstream(inertia js 堆栈)的 Laravel 8 安装。Jetstream 提供的所有视图均正常工作。问题是当我创建一个呈现新 Vue 模板的新路由时,我在控制台中收到此错误:app.js:30559 [Vue warn]: 创建的钩子中出错:“错误:找不到模块 './Test'”我在 web.php 中创建的路由Route::get('/test',
2020-09-21
我目前很困惑为什么 Inertia.js 没有重新加载或重新呈现我的页面。我有一个可以填写的表单,提交后将执行:Inertia.post("/ban", ban);这将重定向到我的 Laravel 的 web.php 中的 POST。看起来像这样:Route::post("/ban", [Speler::class, "ban"]);这会重定向到一个名为“Speler”的类,其中有一个名为“ban
我正在使用 Vue.js 在 Laravel 中开发一个创建页面,使用 Inertia.js 框架进行服务器端渲染。但是,我遇到了一个错误,提示“未捕获 TypeError:无法读取未定义的属性(读取‘post’)”。尝试在页面上提交表单时发生此错误。以下是我的代码结构细分:创建页面<div class="p-6 overflow-hidden bg-white rounded-md shadow
我创建了一篇文章并将其存储在Cloud Firestore中,现在我想将数据输出到名为Dashboard.vue的vueJs文件中。但我不知道它是如何工作的。我自己尝试了一些想法,但没有得到很好的结果。那么我该如何输出这些数据呢?文件:Firebase => Cloud Firestore在 firebase 中创建帖子数据:以及在vueJspost.vue中创建帖子方法 createPos
我想从 firestore 检索数据并将其绑定到 vue 数据。我在创建的生命周期钩子中以以下方式检索 firestore 数据: created(){console.log(firebase.auth().currentUser);const docRef = firebase.firestore().collection("users").doc("VezLOaumLCza8jih8Ylk"
2018-12-29
我正在使用vue.js启动我的第一个严肃的应用程序,并且我从Firabase收集数据有一个问题。这里的想法仅仅是为了将数据链接到用户ID。我的第一个是将其存储在计算的值中,例如So568275317,但是,当我尝试访问此变量时,它是>未划分的。我的猜测是在异步呼叫结束之前计算该值。但是我看不到如何解决。
我正在创建一个游戏大厅,一个玩家开始游戏并等待第二个玩家加入。当第二个玩家加入时,Firestore 中载有游戏信息的文档会更新,玩家的姓名会存储在 playerJoined: 属性中。我成功收到它:waitForOtherPlayer(gameId){this.unsubscribe = fb.firestore().collection("active-games").doc(gameId+'
2020-04-22
我在 Cloud Firestore 上创建了数据库,集合名称为 products。现在我想检索集合中的所有资源。我已经在数据库中创建了 12 个产品。但在我的 vue-devtool 中,我看不到任何数组。如何从 Cloud Firestore 检索数据?这是我的 vue.js 代码。<template><h3 class="d-inline-block">Products list</h3><
2020-06-19