自定义组件(properties 使用,父子之间传值)

84 阅读1分钟

周五啦,我又来了

今天记录一下微信小程序父子组件通信传值。

1.新建自定义组件文件component

将组件的json中component属性改为true

image.png

2.在父组件导入自定义组件

image.png

image.png

父组件向子组件传值

1.小程序 父子之间的通信

在父组件中的子组件标签添加属性,给子组件传递数据

image.png

子组件在js中通过properties接收,可以指定接收数据类型

image.png

2.小程序中properties属性中observer的使用

observer是当定义的属性变量的值发生改变会自动执行下面的代码 (属性值变化时的回调函数)

子组件向父组件传值

1.先在子组件中定义方法(子组件wxml)

image.png

使用this.triggerEvent(name,value)向父组件传值(子组件js)

image.png

2.父组件接收

image.png

*记重点

使用properties变量,会和data初始的值合并,如果有相同的参数字段,会将data中的值覆盖