父传子:
父组件:
<view class="container">
<banner step="{{step}}"></banner>
</view>
子组件wxml:
<view>
<text class='{{step==1?'select':'noselect'}}'></text>
</view>
子组件 js
Component({
/**
* 组件的属性列表
*/
properties: {
step:{
type:Number
}
}
)},
ready:function(){
console.log(this.properties.step);
}
子传父:
子组件 wxml
<view class='btn' bindtap="realNameConfirm">
<text>确认认证</text>
</view>
子组件 js
realNameConfirm(){
let step=2;
this.triggerEvent('realNameConfirm', step) //通过triggerEvent将参数传给父组件
}
父组件wxml:绑定函数
<realName bind:realNameConfirm="realNameConfirm" ></realName>
父组件js:接收子组件值
realNameConfirm(e){
this.setData({
step: e.detail
})
},