在微信小程序中,组件之间的数据传递主要有以下几种方式:
-
父组件向子组件传值:
父组件可以通过设置子组件的属性(properties)来传递数据。首先,在子组件的.json
文件中定义 properties:{ "component": true, "usingComponents": {}, "properties": { "myProperty": { "type": "String", "value": "" } } }
然后,在父组件的
.wxml
文件中使用子组件,并通过属性传递数据:<my-component my-property="{ {parentData}}"></my-component>
最后,在父组件的
.js
文件中设置parentData
的值:Page({ data: { parentData: 'Hello from parent' } });
-
子组件向父组件传值:
子组件可以通过触发自定义事件ÿ