Vue.js:从api获取数据并将其传递给子组件(简单示例)

文章/答案/技术大牛

发布

1回答

vue.js、vuejs2、axios

我想在父组件上使用axios包发出一个ajax请求，并将返回的数组传递给子组件，以便它可以迭代数组并构建布局。我有以下代码。

浏览 0提问于2017-12-11得票数 3

回答已采纳

2回答

Vue/React:调用函数以传递数据的适当方式？

reactjs、vue.js

所以，在构建React或Vue应用程序时，我对传递数据的最佳方法感到困惑。这些都是处理数据</

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

1回答

如何构造组件

reactjs

应用程序只有一页，必须：使用一些json数据下拉列表。我认为每个组件都应该有一个组件，将关联设置为'Search‘作为父组件，每个其他组件都直接从该组件继承。因为我需要访问每个组件的搜索数据，那么是否有更好的方法来构建这个结构来实现这一点呢？谢谢

浏览 2提问于2017-10-27得票数 3

回答已采纳

3回答

如何延迟角子组件API调用？

angular、rxjs

我有一个包含两个子组件的组件，父组件从URL获取一个参数，进行一些计算，并在模板上显示一些数据。但是，我还使用URL参数来使用子组件上的@ But ()传递给两个子组件。同时，我将该ID传递给调用另一个API并提取更多数据的子组件。问题是，在父组件显示上，用户可以单击链接并更改URL上的ID

浏览 1提问于2018-09-18得票数 1

回答已采纳

1回答

响应父组件道具没有传递给子组件。

javascript、reactjs、reactive-programming

从ajax调用中获取数据并将其存储在组件状态 reqwest({} <AppDynam

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

1回答

如何从我的REST API获取数据以填充Material Table？

node.js、reactjs、material-ui、fetch-api、material-table

我正在构建一个应用程序，它将从API请求数据，并将其显示在一个可编辑的表中，其中用户可以编辑和更新数据库。我正在对使用React。我在父组件的状态中初始化数据，并将其作为props传递给呈现表的子<em

浏览 6提问于2020-05-10得票数 0

1回答

ReactJS:是否应该将父组件的获取的数据存储在状态中以传递给子组件？

javascript、reactjs、view、parent-child、state

当我需要将相当大的数据传递给子组件时，似乎最简单的方法是将其存储在状态中，然后将其作为渲染函数中的道具传递给子组件。我想知道是否有一种不那么密集的方法来做到这一点。例如，如果我有这样的关系： <PhotoFeed/>我知道，当PhotosPage挂载时，我想获取‘照片提要’数据<

浏览 0提问于2017-11-08得票数 1

回答已采纳

2回答

React获取数据并通过上下文API将其保存在全局状态

reactjs

使用react context api创建全局状态，并获取数据并将其保存在context对象中，以便子组件可以访问数据，这是一个好主意吗？或者更好的做法是在根组件中获取数据，然后通过props将其传递给子组件。如果使用上下文api的全局状态更好，我如何获取数据并将其<

浏览 0提问于2019-11-19得票数 1

1回答

CRUD操作后的Reactjs改进机组件

javascript、reactjs、mongodb、crud、react-lifecycle

我正在使用MongoDB构建一个登录，因为我的数据库托管在heroku上。在更新数据库中loggedin用户的属性后，我希望更改组件的值。这里是我的组件(其他文件)，它应该在更新我的用户的信用后立即重新编辑工具栏： render() { const

浏览 1提问于2018-12-16得票数 0

1回答

将数据传递给可以多次调用的子组件。

angular、angular-material

我有一个父组件，并使用ViewChild调用子组件中的方法。但是，当我加载数据并使用该方法传递数据时，它显示了未定义的错误。我哪里搞错了？Flow:首先:在NgOnInit()方法之后，我加载数据并将其传递给子组件第二次尝试:我使用NgAfterViewInit()加载数据结束，然后将其传递给子组件</

浏览 3提问于2019-12-10得票数 1

回答已采纳

1回答

使用api* info并将其等同于数组*

reactjs、ecmascript-6

我有一个从api获取的json，并将其作为props传递给子组件，我希望使用json中的数据并通过api循环，然后将数据设置为如下数组：{name : namevalue: value-1} . .我的

浏览 0提问于2018-10-14得票数 1

1回答

问题转移列表在selectBox中添加用户的本地化

javascript、vue.js、vuejs2、vue-component

大家早上好，在这里，我从vue.js开始，我陷入了一个看起来并不复杂的点上。实际上，我尝试在adduser组件中传递我的位置列表。因此，在创建用户时，他必须选择位置。谢谢组件添加用户： <template> <div v-if="!no-console */};.submitform { max-wid

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

1回答

将数据从Vue循环传递到laravel组件

vue.js、laravel-8

Edit') }}</span> </div> </li>但是，如果我想在不同的组件中提取其中的一些内容，我从Vue发送的详细信息将不再传递给组件。label }}</span></

浏览 6提问于2021-05-01得票数 0

回答已采纳

2回答

等待useEffect更新状态以传递道具吗？

reactjs

我有一个从api获取数据的父组件，我想在渲染时获取它一次，并将其设置为state，然后将其作为道具传递给子组件，该子组件随后将映射到此状态。在子组件呈现之前，我如何等待'bids‘有项目？= useState([]); const fetchBids = asyn

浏览 22提问于2020-12-31得票数 1

1回答

从组件的一个子组件到组件的数据访问

angular、angularjs-directive、angular-components、angular5

我有以下组件结构；并希望将数据RecipeItemComponent传递给RecipeDetailComponent。主要的方法是在RecipeItemComponent上创建@Output()，从RecipeListCompon

浏览 3提问于2018-01-03得票数 0

回答已采纳

2回答

我还在学习Vue.js 2，所以如果这个问题有点傻，我真的很抱歉。我正在使用MongoDB、Node、Express和Vue构建一个应用程序。通常，我会使用像Ejs这样的模板引擎，其中通过Express的res.render方法传递的数据可以很容易地在模板中捕获。是否有类似的方法将数据从后端传递到根Vue组件？例如，正常情况下，get请求从Mongodb获取一些数据，express将呈现模板文件并将数据传递给它。我

浏览 20提问于2017-08-30得票数 1

回答已采纳

3回答

在React中，如何根据常量值变化调用函数

reactjs、typescript、react-table

我在react中有3个组件。其中一个是父组件，其余两个是子组件(EziSchedule & EziTransaction)，其中每个组件都通过调用API来获取自己的数据。但是，在子组件EziTransaction中显示的数据取决于我在schedule类的表上单击的记录。A- EziSchedule const EziS

浏览 0提问于2020-12-22得票数 1

1回答

Vue js只显示了一次来自axios的道具。

vue.js、vuejs2、axios、vue-component

我有从api获取数据的组件，并使用支持将其传递给另一个组件。问题是，当我第一次显示console.log(data)时，如果我刷新页面或路由到另一个页面，console.log(data)显示为空，那么我应该修改代码，以便在控制台中显示数据。获取数据的组件(主) <Video :videoSrc="

浏览 4提问于2021-07-08得票数 1

回答已采纳

1回答

在ReactJS中存储组件数组数据的最佳方法？

reactjs、hierarchy、react-props

我有一个应用程序，在页面加载时，从数据库中获取数据(一个对象数组)，并将其显示为UI中的行。每一行都是一个子组件，可以创建、编辑、删除或重新排序。父组件有一个Save按钮，它从所有子组件获取数据并在数据库中更新它。将所有数据存储在父组件中：父组件获取

浏览 3提问于2022-03-10得票数 -1

回答已采纳

2回答

使用vue (Laravel)实现简单任务

javascript、php、laravel、vue.js、laravel-blade

我最近开始学习vue.js (来自棱角2+)，我看了一些教程，一切似乎都进行得很顺利。我已经到了我希望用户能够编辑那里的评论，但它似乎我不知道如何做到这一点。所以我有以下问题您是否打算拥有一个从api获取数据并

浏览 6提问于2020-05-30得票数 0

回答已采纳

点击加载更多