因此，我有一个在单页 .html 上编写的 vue 应用程序，由 django 提供服务，该 .html 由几个组件组成。我现在正尝试使用 Vue CLI 将这项工作转移到真正的 vue.js 项目中，我认为将我的组件从 django .html 页面移动到单文件 vue 组件非常简单。不幸的是，我的单文件组件中的几乎每一行都在抛出错误（尽管我的整个应用程序及其所有组件都在 .html 中工作），
2019-06-13
我的 vue.js 应用中有几个组件遵循以下结构，它们都抛出了相同的错误。TypeError: Cannot read property 'id' of undefined我以为用<template :v-if="jobs">或<template :v-if="jobs[0].id">包装{{ jobs[0].id }>即可轻松修复，因为大多数其他 stackoverflow 帖子都将此作为解决方
2019-07-02
按下按钮向服务器发送请求服务器发送一个 json 数组作为响应。我想使用 v-for 和组件在屏幕上显示数据我很好地获取了数据，但当我在屏幕上显示它时，我收到错误。错误：属性或方法“data”未在实例上定义，但在渲染期间被引用。通过初始化属性，确保此属性是响应式的，无论是在 data 选项中，还是对于基于类的组件。为什么他不识别“data”？html<template id="dataTempla
2019-08-27
Vue 在控制台中抛出错误“无法读取未定义的属性（属性名称）”。我尝试使用 v-if，但仍然收到错误。似乎该对象不存在或无法像我定义的那样访问，但我不知道为什么？Vue 中定义的对象为：customerData:{address:{firstName:'',lastName:''}}Html <div v-if="customerData.address.firstName"><input v-
2021-04-07
我是初级 Web 开发人员。我在 VUE 中创建了我的第一个项目。我有此代码：<script type="text/ecmascript-6">import axios from 'axios';import Vue from 'vue';import 'vuejs-datatable/dist/themes/bootstrap-4.esm';import {VuejsDatatableFacto
2021-10-28
我收到此警告：[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'nestedArray')"此问题的解决方案是什么？这是我的 beforeCreate 函数： beforeCreate() {this.$store.dispatch("loadCities").then((
2022-11-06
我正在开发一个 Web 应用程序，其中有很多表单需要创建，为此我使用了 Vue，因此我一直在尝试创建一个可以一直使用的通用输入组件。我使用的是 Bootstrap 网格，因此我的想法是，我应该能够向组件传递要占用的列数、标签、名称和用作 v-model 的属性。我想我已经差不多做到了，但我遇到了 props 变异的问题 - [Vue 警告]：避免直接变异 prop，因为每当父组件重新呈现时，该值都
2016-11-24
因此，我开始使用 Vue Composition API，它非常棒。我在一个包含 Vue 组件和 Vanilla JS 的项目中使用它。我正在 Vue 中构建一个通知系统，因为我们正慢慢地将一切推向那个方向。我目前有以下用于添加通知的代码export const useNotification = () => {const notifications = ref([]);
2020-08-20
我有这些文件App.vue，Header.vue，search.js 和 Search.vueApp.vue很正常，只是添加了不同的视图Header.vue有一个输入框<input type="text" v-model="searchPin" @keyup="searchResults" /><div>{{searchPin}}</div>和脚本：import useSearch from "@
2020-09-01
我正在使用带有 Composition API 插件和 Typescript (3.9.7) 的 Vue 2。我有一个相当简单的类型，称为Usp，我想将其作为 prop 传递给名为UspSection的组件。USP 类型如下export interface Image {sourceUrl: string;}export interface ImageWithText {text: string;
2020-10-29
<script lang="ts">import { Component, Vue } from 'vue-property-decorator'import { CustomerContext, getCustomerRepository } from '@/composables/customerRepository'@Componentexport default class Custome
2020-11-24
有人能给我一些关于 vue 3 中可重用组件输入的提示吗？就像在 React 中这样：比如说，在父组件中使用<Input />可重用组件import { useState } from 'react';import Input from './component/Input';function Home() {const [email, setEmail] = useState('');const
2021-04-13
问题我有一些代码从 Vuex 存储中获取搜索查询。我使用计算属性来获取搜索查询，然后将其绑定到输入字段的 v-model。我希望能够通过输入字段编辑/更改搜索词，然后提交新的搜索查询，然后执行新的搜索查询。但是由于计算属性是“只读”，当我在输入字段中更改搜索查询时，它不会更新搜索查询，并导致警告：vendor.js:16674 Write operation failed: computed va
我试图使用带有打字稿的VUE 3组成API构建基本的TODO列表应用程序。我以表单为“ calladdtodo（）在设置功能中配置了提交函数。我的目的是将用户输入的值推向listItems数组，该数组使用ref方法初始化。在我的addtodo（）函数中，我添加了listitems.value.push（newtodo.value），以便将输入的值传递给数组。但是，我在newtodo.value参数
2022-01-16
我尝试在有身份验证和单独用户的情况下让 vuefire/vue/firebase 工作。当我手动传递 UID 时，我可以让它工作……let booksRef = db.ref('Users/' + 'SOhUKhcWzVRZmqe3AfcWMRwQR4r2' + '/Books');但是，当我尝试用来自 Firebase 的 uid 替换硬编码的 uid 时，我得到一个空结果……它在调用时基本上还
2017-06-14