微信小程序自定义组件及传参

1.新建文件夹,然后右键选择新建components

微信小程序自定义组件及传参_第1张图片

2.组件的js结构如下图所示

微信小程序自定义组件及传参_第2张图片

3.使用组件,在需要引用组件的页面json配置中引入组件

微信小程序自定义组件及传参_第3张图片

4.组件传参之父传子 

父组件直接传参

微信小程序自定义组件及传参_第4张图片

子组件在properties中接收,直接使用即可

微信小程序自定义组件及传参_第5张图片微信小程序自定义组件及传参_第6张图片

5.子组件传参给父组件

子组件 使用 this.triggerEvent('事件名',参数)进行传参。

微信小程序自定义组件及传参_第7张图片

父组件 bind+事件名='回调方法' 进行接收,并在回调方法中可以获得传递的参数

微信小程序自定义组件及传参_第8张图片

微信小程序自定义组件及传参_第9张图片

你可能感兴趣的:(微信小程序,小程序)