父组件传递动态数据给子组件如何传递

父组件中有一组数据是从axios获取到的数据，已经渲染到页面，如何把其中指定的1条数据传递给子组件，子组件再渲染出来，这1条数据可以理解为用户在页面上点击某一条数据，然后弹出一个框，这条数据就会跟着显示在这个弹出框中，这个弹出框是一个子组件。

父组件该如何把点击的那一条数据传递给子组件？

leepulse 2021-11-16

源自：vue基础入门（中） 1-6 父子组件间如何通过事件进行通信（1）

31

收起

1回答

好帮手慕久久回答被采纳获得+3积分 2021-11-16 18:49:53

同学你好，直接给子组件绑定动态数据就行，例如：

效果如下：

祝学习愉快！

leepulse 提问者 #1

父组件中的点击事件所在的元素成功地动态传递给子组件了，如果我想把其他元素也一起传给子组件，该怎么办？比如把搜索框上面地定位地址也一起传递给子组件，因为dom节点不同，该如何传递？

2021-11-16 21:29:14
leepulse 提问者 #2

就是父组件传递多个参数给子组件，参数来自父组件中不同的地方

2021-11-17 05:55:21
好帮手慕久久回复提问者 leepulse #3

同学你好，可以给子元素绑定多个数据，例如：
即把需要的数据直接绑定在子组件上，然后在子组件中获取就行。
祝学习愉快！

2021-11-17 10:38:27

点开查看后面4条评论

相似问题

老师好，关于子组件接受值

一般什么情况下使用子组件向父组件传值的模型

父子组件的异步数据

组件之间传递数据失败

这届科讲的是父子之间的传值

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7872 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

本课精华内容

问答作业

老师，我在xhr.send()出错了

92 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载