我试图在调用 mounted() 钩子之前从 firebase 获取数据，但 firebase 查询是异步函数，我很难处理这些数据。这是我的代码片段：<template><b-table-simple sticky-header="90%" class="table-bordered"><b-thead head-variant="dark"><b-tr><b-th >氏名</b-th><b-th
2020-10-22
我的 API 响应如下所示data: {id: 9,quantity: 2,address: "Test Address",total_price: 144.42,created_at: "August 07, 2018 04:02:46 AM",customer: {id: 3,name: "Prof. Laurel Lemke",email: "[email protected]",role_
2018-08-07
在 vue 组件中获取 response.dataconsole.log(this.$store.getters.getData)的未定义值。但是，我能够使用此语句console.log(resp.data)获取 response.data我在成功突变中尝试过console.log(data)，但它仍然返回未定义值。login.vue login: function() {let data
<template><div class="address"><h1>{{address}}</h1></div></template><script>export default {data() {return {id: this.$route.params.id,address:''}},created(){this.$axios.post("http://localhost/flutter_
我正在尝试从 JSON 中的对象数组中获取第二个 [1] 项目的标题：{"@attributes": {"version": "2.0"},"channel": {"title": "Rust News","description": "The latest news posts from Rust","lastBuildDate": "Thu, 07 Jul 2022 07:00:00 Z","
vue.js 文档中有此示例：props: ['initialCounter'],data: function () {return { counter: this.initialCounter }}但是，initialCounter在我的模板中有效，但counter无效。我做错了什么？这是完整代码：<update-counter initialCounter="1" inline-templat
2016-12-30
我的视图是这样的：<div class="col-md-8">...<star :value="{{ $data['rating'] }}" :user="{{ $data['user_id']></star>...</div>我的星号组件是这样的：<template><span class="rating"><template v-for="item in items"><label class
2017-03-01
我试图将组件中的 props 传递给同一组件的数据对象。但是，我只得到 null。有人能建议我该如何处理这个问题吗？似乎我的 vue 组件无法在初始渲染/加载时获取 props。 const teamInformationTemplate = {template:`<div class="col-lg-6 col-md-12"><div class="card card"><!----><d
2019-02-06
我正在使用 push() 方法将数据添加到对象并收到错误：Uncaught (in promise) TypeError: this.message.push is not a function从 API 调用接收到一些数据，这些数据将添加到对象中。var price = new Vue({delimiters: ["[[","]]"],el: '#app',data: {message: {}}
2020-07-20
我收到一个 json 列表，并将其发送给一个组件const app = new Vue({el: '#app',data: {tablaUsuarios: []},mounted() {axios.get(url + 'listar/').then(res => {this.tablaUsuarios = res.data}).catch(err => {console.error(err);})
2020-08-09
我试图将字符串数组作为 prop 传递给子组件，但出现Vue: Invalid prop: type check failed for prop . Expected Array, got String with value错误。使用该组件：<template><GenericForm title = "Sign Up" button-text= "Sign Up"fields="['Userna
2021-04-16
假设我们有两个路由：edit/1和edit/new根容器（在挂载时）检查是否存在this.$route.params.id，如果存在，则从 API 获取数据并填充obj。否则，相关的obj仍为空。此对象被发送到具有以下内容的子组件：<template><input v-model="obj.name"><input v-model=obj.email"></template><script>exp
2021-07-16
我对 Vue 还很陌生，所以我还没有完全理解其中的逻辑。我的问题是我有票证和票证清单组件。所以我不在票证清单组件上，我正在创建一些票证数据，我想根据票证组件显示它们。为了更清楚起见，这里是我的票证清单组件：<template><section class="tickets"><div class="container"><div class="row"><div class="col-12 col
2021-07-30
我有一个 Product 对象，我正在从 API 调用中获取它。因此，在父组件中，我想将此对象发送到子对象，即 SoldTickets 组件。因此，这是我的父组件：<template><section id="cart-page" class="row"><div v-for="item in cart.attributes.items" :key="item.id"><div class="co
2021-11-12
我的仪表板中有一个看板，用于显示项目的问题。我添加了一个菜单，允许用户按项目过滤看板，这样一次只能看到一个项目的问题。默认视图是所有项目的问题。在我的仪表板组件中，我使用 axios 从服务器获取所有项目的列表（工作正常）。当用户选择一个项目时，我会向看板组件发送一个 prop，即项目 ID，以便我可以从服务器获取该项目的问题。但是，我从仪表板发送的 prop 不知何故未定义，我无法弄清楚原因Da
2022-03-01