微信小程序中父组件向子组件传值与子组件向父组件传递参数

wx小程序中父组件向子组件传值可以通过标签属性进行传值
父组件

在这里插入图片描述

子组件中在js文件中的properties中

 properties:{
 fu:{
     type:Number,
     value:""
 }

}
以上是子组件向父组件传递参数

wx小程序中子组件向父组件传值可以通过事件的方式传递的(自定义事件)

子组件中点击事件触发的时候
触发父组件中的自定义事件 同时传递数据给 父组件
this.triggerEvent(“父组件中自定义事件的名称”,要传递的参数)

this.triggerEvent(‘changeTabs’,{index})

父组件wxml中
在子组件的标签上加入一个 自定义事件

红线的部分就是刚才子组件中的自定义事件名称

在父组件js文件中的fuchangeTabs中接收这个参数

猜你喜欢

转载自blog.csdn.net/wzwzwz555/article/details/107102061