vue+ element 小白初次实践踩坑(四)

1.父组件传值给子组件

(1)父组件有数据或者获取了数据,将子组件需要的数据,先获取到,最起码保证在父组件中可以你可以打印出来你需要的数据!!!


获取数据

(2)在父组件中有调用到子组件


引用子组件
引用子组件
引用子组件

(3)在子组件中创建props:{},将需要的数据放进去


创建props


传值

2.子组件传值给父组件

(1)子组件自己也必须要有父组件想要的数据才可以传,所以他也需要获取数据

(2)子组件通过$emit()方法传


$emit()

(3)父组件接收

在父组件中引入子组件的地方定一个showDetail的方法,在这方法里接收子组件传过来的值


在子组件调用方法
在showDetail方法接收
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容