开发者问题收集
我尝试使用 v-if,但出现此错误:Uncaught TypeError: 无法读取未定义的属性“0”我了解问题所在,代码无法运行,因为尚未获取数据。但我不知道如何仅在按下 Enter 键时触发此操作。如果我删除 v-if="weather.weather[0].main=='Clouds'" 和 v-if="weather.weather[0].main=='Clear'",代码将正常运行,但如
我有一个使用 Vuetify 的 Vue 3 应用。在组件内部,我正在监听流式事件。对于每个新事件,我希望显示一个在 x 秒后淡出的通知。我认为Snackbar组件是正确的选择,但不幸的是,不支持 snackbar 列表(也许在不久的将来)我从一个NotificationList组件开始,该组件期望将通知作为 prop,并尝试将它们显示在堆叠列表中复制链接<template><v-snackbar
我正在开发一个vuejs/(vuex)用于帖子的状态管理/firebase 项目。所以我有一个 firestore 帖子集合(具有名称 id 所有者内容和创建时间戳的对象数组...),当用户想要访问单个帖子时,它会将他重定向到单个帖子的路线(..../view-post/postid)。所有帖子均使用 getDocs 方法从 firestore 中检索,并将其存储在 blogPosts 变量中..
我试图将一个对象传递到我的子组件中,但它未定义。所以我的父组件:<template><section id="cart-page" class="row"><div v-for="items in cart" :key="items.product.id"><div class="col-lg-8 col-md-12 col-sm-12 col-xs-12"><div class="title">
我对 Vue 还很陌生,我一直在尝试弄清楚如何使用 axios 调用 Java API。vue.config.jsmodule.exports = {devServer: {proxy: 'https://localhost:8080'}}main.jsimport { createApp } from 'vue'import axios from "axios"import VueAxios f
我的组件必须渲染一个对象来填充内容。当我在 Vue 项目中工作时,我可以毫无问题地传递此对象<my-compnent :card="card"></my-component>但是当我尝试使用构建的组件时,它不会将“MyCard”读取为对象,而是读取为字符串...请帮帮我我尝试使用与 vue 相同的方式,使用 :card 但它不起作用,如果我只使用 card="card" 它可以访问组件但没有对象我
我有一组,我想在 VueJS 中获取该集合的大小,然后我将使用它进行页面导航。我的问题是我无法使用size来查找对象的大小。export default {data() {return {numberOfPages: this.weeks.size,weeks: new Set(),tickets: [{id: 0,time: "09:45",date: new Date(),name: "Swi
我在使用新版 vuetify 3 定义主题设置时遇到了一些麻烦。文档示例(针对 Vuetify3):// src/plugins/vuetify.jsimport { createApp } from 'vue'import { createVuetify } from 'vuetify'export default createVuetify({theme: {defaultTheme: 'my
我正在使用 Vue 3,我想根据对象的值显示图像所以我有类似的东西:<imgv-if="results.object.value === 'test'"src="@/assets/images/services/img.svg"class="w-60"alt=""/><imgv-else-if="results.object.value === 'test2'"src="@/assets/imag
我正在为我的 Laravel、Vue.js 和 Inertia js 项目使用 Ziggy。在查看页面源代码时,我可以清楚地看到所有 Laravel 路由。<script type="text/javascript">const Ziggy = {"url":"http:\/\/127.0.0.1:8787","port":8787,"defaults":{},"routes":......"su
按照 VueMaster 课程中的简单示例,似乎无法从存储中读取状态。这是我的 main.js:import Vue from 'vue'import upperFirst from 'lodash/upperFirst'import camelCase from 'lodash/camelCase'import App from './App.vue'import router from './
我想从云 firestore 获取产品,我以这种方式存储HelloWorld.vue 组件:import db from "./firebaseInit";export default {name: "HelloWorld",data() {return {products: [],imageURL: "",};},created () {db.collection("product").doc(
无论我做什么,浏览器控制台都会出现此错误。首先,我是 VueJS 新手。我的网站功能齐全,它是用 Laravel 构建的。我正在尝试将前端转换为 VueJS。我正在尝试从数据库检索数据并使用 VueJS 将它们显示在首页上。app.jsrequire('./bootstrap');window.Vue = require('vue');//Vue.component('example-compon
我试图在 axios 发布后将对象推送到标签数组,但在推送对象时出现此错误。[Vue warn]: Error in render: "TypeError: Cannot read property 'text' of undefined"这是怎么回事?抱歉,我的问题不好。我还只是个初学者。起初它可以工作,但我做了一些事情,它不起作用。我没有为任何东西调用“文本”。javascript/packs
我的数据:data() {return {currentStore: this.store,brands: [],}},我的 v-select<v-selectv-model="currentStore.brands.data":options="allBrands":taggable="true":multiple="true"/>我有一个对象上的观察者,它看起来像这样 (this.newVal