通过隐藏的&&语法控制

父组件首先通过 wx:if 控制子组件的开关,父组件默认是false,子组件本身也设置 wx:if ,这样就形成了隐藏的&&语法,当点击后,父组件开启false,通道开启,子组件开始显示。

this.selectComponent

给子组件设置一个id,通过 this.selectComponent 找到子组件的id,this.selectComponent.('#xxxx')
,后接一个 .xxx() 来模拟点击子组件的方法来控制子组件的开关

WXML_父组件

  1. <text bindtap="Judge_X" >父组件</text>
  2. <Xy id="Judge_xy" wx:if="{{x}}"/>

WXSS_父组件

  1. Judge_X(){
  2. this.setData({x : true})
  3. console.log(this.data.x);
  4. this.selectComponent('#Judge_xy').Judge_xy()
  5. }

WXSS_子组件

  1. Judge(){
  2. if(this.data.x === true){
  3. this.setData({x:false})
  4. }
  5. },
  6. Judge_xy(){
  7. if(this.data.x === false){
  8. this.setData({x : true})
  9. console.log("1");
  10. }
  11. }