javascript - vuejs父组件如何向子组件传值?
PHP中文网
PHP中文网 2017-04-11 12:10:17
[JavaScript讨论组]

如题,我有一个List.vue,里面包含了两个子组件,tabpagination,这个List.vue的数据是从接口得来的,从接口的来的数据分别是categories, tabs, active,它们三个都是对象,我现在需要在子组件Tab.vue中使用这个tabs对象,应该如何将这个对象传递给子组件呢?

List.vue



Tab.vue

在这里我已经使用了props,这样就可以直接使用tabs了吗?好像不行,求各位大神解答。



PHP中文网
PHP中文网

认证0级讲师

全部回复(3)
阿神

给子组件传递数据的方式不太对吧,如果想给子组件传递数据,需要使用v-bind动态绑定到子组件上,所以

<pagination :tabs="tabs"></pagination>

这样你在子组件的props中写tabs才可以

伊谢尔伦

上一个答案说得对,子组件里的props只是注册这个属性,意思是告诉别人我接受这个叫做tabs的属性,并其把传过来的值放到我的原型里,但你父组件还要真的去传这个属性啊。
另外需要注意一点,父组件传过来的tabs也是响应式的,就是父组件里有变动子组件里的tabs也会跟着变

迷茫

父组件向子组件传参的时候,这样使用子组件<tab :tabs="tabs" ></tab>,其中第一个tabs是你在子组件的props中声明的,第二个tabs是你在父组件的data中声明的。这样父组件的data中的tabs就向子组件中props中tabs传值了。

我也是刚学习的。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号