将api响应数组转换为另一个数组，以传递给Vue prop

文章/答案/技术大牛

发布

1回答

javascript、arrays、vue.js、vuejs2

我想使用this vue flipbook组件，它需要一个正确的“页面”的图像urls数组。我的帖子响应来自wordpress rest api。我需要从响应数组中获取" image“属性，并将其转换为另一个图像urls数组。imagesArray" <--- images array here ref="flipbook"

浏览 21提问于2019-07-02得票数 0

回答已采纳

1回答

我是一个新的开发者VUE.JS，读了很多关于“分享/传递”数据给其他组件的文章，但是我没有感觉到这个例子在我的组件中有用。Table.vue - Fetch API and populate a table.File.vue - Instance Table.vue and here I'm trying to override the component variable.); this.i

浏览 16提问于2020-06-29得票数 1

1回答

浏览器冻结4-5秒，直到Vue组件完成加载

vue.js

我有一个Vue组件：task.vue，它生成一个任务列表，还有一个epic.vue组件，它是task.vue的父组件，所以对于每个epic.vue，我从task.vue生成它的任务列表。问题是，当我重新加载页面时，浏览器会冻结4-5秒，直到task.vue组件完全呈现。每次我重新加载页面时，我都有一个从api函数获取所有数据的ajax。它返回一个包含epics(文件夹中的文件夹)的嵌套数组，每个epics都有自己的一组任务。它确实是

浏览 0提问于2016-10-11得票数 0

1回答

Vue-multiselect:如何将对象转换为数组，以便在选项属性中使用？

javascript、vue.js、vuejs2、vue-component、vue-multiselect

我正在使用vue-multiselect如下所示： ...that从阵列中获取活动客户列表，然后在漂亮的选择菜单中提供这些客户。这很好用。但是，我需要从另一个资源添加另一个选项(称为customerNone)发送到optionsprop，但数据以对象的形式返回，如下所示：{"uid":1，“姓氏”：“未给定”，“名字”：“用户”，“电子邮件”：null，“电话”：null...blah}vue-multiselect文档声明:option道具必须成为一个数组。: type check

浏览 87提问于2021-02-23得票数 1

回答已采纳

1回答

用VB.NET实现动态JSON反序列化

json、vb.net、deserialization、json-deserialization

我以以下格式以JSON格式获得API响应 "stuffs": { "prop2": "efgh", Public Property stuffs As Stuffs现在的问题是，有时响应</e

浏览 3提问于2020-08-10得票数 0

回答已采纳

1回答

使用方法获取要通过V-for循环迭代的数组，但未显示任何内容

javascript、vue.js、vuejs2、async-await、v-for

我正在做一个个人项目来学习Vue.js和Express是如何一起交流的。通过将Vue模板(从服务器获取的手表品牌)中的prop作为参数传递给获取数据的方法，我设法从服务器获取了所需的数据。这个方法在V-for声明中被调用，并返回一个对象数组。现在，当我使用我在data函数中实例化的标准数组进行测试时，一切都很好，数据显示也很好。这个方法肯定会获取数据，因为我可以在Vue devtools中看到它，并且当我将它打印到控制台时。所以它是存在的，但出于某种原

浏览 32提问于2019-12-16得票数 1

回答已采纳

2回答

在VueJS中注入PHP数据的正确方法是什么？

javascript、php、vuejs2

假设有一些PHP格式的用户数据，存储在一个数组中： 'name' => 'Tester', 'email' => 'tester@acme.com' ]您必须将此数组传递给VueJS应用程序，您将如何传递它？我在考虑将这个数组写在一个script标记中，这样JS就可以解析它，但我也认为应该有另一种更安全、更简单的方法。我不打算使用XHR，因为

浏览 12提问于2018-01-06得票数 0

2回答

通过Props从Laravel传递数据时，Vue组件未呈现，转储数据

laravel、vue.js

每当我试图通过props将Laravel数据传递给Vue组件，而不是将值赋给prop时，它似乎将数据转储到DOM，然后组件永远不会呈现。在.vue单文件组件中，我这样定义我的道具： props: { type: Array, },如果我传入一个空数组，组件就会呈现，并按预期触发mounted()，并将空数组<em

浏览 41提问于2019-02-03得票数 1

3回答

Vue: UI只在保存VS代码中的更改时才呈现数据

javascript、vue.js

现在出现了一件奇怪的事情:当我启动App时，什么都没有显示出来，尽管我可以在Vue dev工具中看到适当的数据存储在items数组中。当我刷新时，也会发生同样的情况。代码： WeeklyRanking.vue：import { computed } from "vue"到目前为止我尝试过的直接在data()部件工作中使用假数据。在本例中有趣的是，控制台日志中的

浏览 2提问于2022-07-07得票数 2

回答已采纳

1回答

从vue组件访问jsp java变量

javascript、java、jsp、vue.js

<vue-js-component my-prop-object="${javaArrayOfObjects}"></vue-js-component> 这是.jsp文件中的vue组件，我可以访问javaArrayOfObjects，但在vue组件中，我只能看到java对象的名称，比如[ html.java.JavaObjectsDto1, html.java.JavaObjectsDto2, html.java.JavaObjectsDto3但是如果

浏览 33提问于2019-10-18得票数 0

2回答

Vue.js -从组件内的根实例访问数据

javascript、vue.js

我有我的根实例： el: '#app', data: { }, this.目前看起来是这样的： template: '

浏览 1提问于2016-03-01得票数 16

回答已采纳

5回答

将数组传递给API

php

我试图将数组传递给API，当我在POSTMAN (raw form)中运行数组时，该API以以下格式接收数组，"records": [ "content": "50.150.50.55"type": "A", "prio&

浏览 6提问于2015-01-05得票数 1

回答已采纳

1回答

修改python numpy数组中的结果

python、numpy

我得到了一个类似于以下(Y_pred)的kerras预测的响应： [181983.39 ], [460400. ], [244455.97 ]], dtype=float32)[105000. 172000. 189900. ... 131000. 132000. 188000.]如何将</e

浏览 1提问于2020-09-26得票数 1

回答已采纳

1回答

如何将数据从Vue实例传递给嵌套组件

javascript、vue.js、frontend

我通过AJAX从Vue实例获取数据，并且需要将数据传递给组件。我现在正在学习Vue.js是如何工作的，但是我发现文档有点零碎. <scri

浏览 5提问于2017-08-24得票数 1

回答已采纳

2回答

在webpack中获取后端翻译

laravel、vue.js、translation

我正在创建一个laravel/vuejs项目，我真的想把我所有的翻译文件放在一个地方--在后端。然后我想在构建我的前端时在webpack中获取它们，并在那里使用它们。我真的不想通过window对象传递所有的键，我也想避免使用外部库。在laravel项目中，推荐的方法是什么？

浏览 1提问于2019-10-20得票数 0

1回答

React的无效支柱类型‘数组’预期的‘对象’

reactjs

我正在显示公司详细信息页面(来自公司名单，通过React链接以params发送ID ) {"_id":"58f7f61cff8d4014d7f7730b","company_name":"Vodafone" .... } exporttype: Invalid prop `company` of type `object` supplied to `Detail`

浏览 0提问于2017-04-29得票数 3

回答已采纳

2回答

Vue.js递归组件的数据，包括属性

vue.js、recursion、vue-component、vue-props

我在vue.js中使用了递归组件。每个组件都有一个数组，其中一个值作为属性从父组件传递过来。如何创建数组才能正确包含值/prop？以下是简化(未测试)代码的详细信息，以显示理论问题(我知道此示例会导致无限递归:-)：<template> <my-component: "static name", counter: this.new_counter] },

浏览 0提问于2021-02-19得票数 0

1回答

用VueJS中的道具和支持值创建类

vue.js、vuejs2、vue-component

><div class="column xs3 md6 lg12>Some Content</div> 换句话说，我想将道具名称和它的值连接在一起，然后将连接的字符串添加到

浏览 0提问于2019-03-14得票数 1

1回答

Vue 2:全局事件侦听器只接收一次

javascript、vue.js

</Root> 要绘制的较小组件的数量取决于放置在根组件上的数据数组，该数组预计会通过API调用多次更改。为了实现它，我按照这里另一个问题的答案的步骤向Vue添加了一个eventBus，我找不到这个问题，但基本上是在Vue原型上设置一个额外的属性。 Vue.prototype.$eventHub = new Vue(); // Global event bus 一切都设置好了，在第一次执行时，API</

浏览 47提问于2021-10-04得票数 0

回答已采纳

1回答

将JSON转换为复杂类型

json、angular、typescript、casting、jsonserializer

在我的复杂对象数组的特定情况下，我试图将http.get响应转换为实际的对象->。在正常情况下，您不需要任何特定的强制转换，您可以执行以下操作(简化)： return this.httpClient.get(api, this.pipe( return response.value as NewProduct[]; ); 因为我需要将它实际转换为一个对象然而，当涉及到对象数组</e

浏览 20提问于2019-01-08得票数 1

回答已采纳

点击加载更多