微信小程序 组件父传子

1、小程序组件父传子

 

子组件:在根页面创建component文件夹,点击右键创建Component。
在其组件的json文档把

"component": true,

设置为true “组件状态”

 

在父页面的json里边通过  

"usingComponents": {
"Listmb":"/component/listmb"
}

来引入子组件,然后在wxml里边用标签的形式获取组件
<Listmb list="{{list}}"> </Listmb>
父页面在子组件标签通过自定义属性来传递给子组件
list=“{{list}}”

在子组件通过
Component({

properties: {
  list:{   父组件自定义的属性名称
    type:String, 接收数据的类型 必须填写
    value:"标题" 无数据的默认值
  }
 
},
 
在wxml页面通过{{}}就可以接收来自父组件的数据。

 

posted @ 2020-08-06 18:47  点击收藏  阅读(795)  评论(0)    收藏  举报