微信小程序- 父组件传值给子组件

Posted 2023-03-18

参考技术A 如上图所示，这个界面中整个页面是父级页面， 2个块级是子组件
1.父 --- 子（第一级子组件） custom-adoption-agency

1.父属性在子组件中存入properties，后写属性的数据类型
2.由于父直接修改properties值，如果子想要重刷新，需要取
this.属性名称

微信小程序父子组件通信

参考技术A 用于父组件向子组件指定属性设置数据，无法将方法传递给子组件
实例：
父组件：
js中声明一个变量count

wxml
渲染父组件count

在父组件引用子组件,并进行属性绑定，把父组件count值传给子组件

子组件
在子组件的js中接收

子组件wxml中进行渲染

结果：

用于子组件向父组件传递数据，可以传递任意数据
子组件
触发加1按钮之后传递给父组件

父组件：
js
创建事件

wxml
绑定自定义事件

父组件通过this.selectComponent()获取子组件实例对象，可以访问子组件任意数据和方法
父组件进行调用时需要传入一个id或者class选择器
父组件
wxml

js

拿到子组件实例对象，直接为子组件进行赋值
修改父组件count值