小程序组件

81 阅读1分钟

组件的创建

图片1.png 标签名即为组件名 标签内容即为组件内容 图片2.png

父传子 现在父自定义一个ritem的属性将data中的item(for循环list的第n个值)传入给子组件 图片3.png 父组件中list参数 图片4.png 在子组件的properties中接受对象
type为接收数据类型
value不设置为该类型的空值 也可设置默认参数 图片5.png 在子组件的wxml中直接使用 图片6.png

子传父
在子组件中绑定事件 图片7.png 在组建方法列表中通过triggerRvent方法绑定 图片8.png 在父组件中用bind+子组件绑定事件handle为bindhandel绑定一个change事件 图片9.png 在父组件js中便可获得子组件传过来的数据 图片10.png