微信小程序兄弟组件之间的传值

微信小程序子父组件之间的传值不难，看文档就好了
该文章主要讲兄弟组件之间如何传值
其实兄弟组件之间的传值，也是经过触发父级方法，父级方法里setData设置传入另外一个组件的值，从而修改另外一个子组件的值(彷佛有点绕，没事，看看一下代码)web

app.json声明两个组件json

"usingComponents": {
  "component-test": "pages/component/test/test",
  "component-testcom2": "pages/component/testcom2/testcom2"
}

component-test组件的js小程序

properties: {
  testValue:{
    type:String,//属性名
    value:"默认值"//属性初始值
  }
}

component-test组件的wxml微信小程序

<text>{{testValue}}</text>

component-testcom2组件的js微信

methods: {
  test2method() {
    //触发父级(index.js里的)test2method方法
    this.triggerEvent('test2method', {
      passValue: "组件之间传的值"
    })
  }
}

component-testcom2组件的wxmlapp

<button bindtap='test2method'>组件之间传值</button>

父级页面index.wxmlsvg

<component-test testValue="{{testValue}}"></component-test>
<component-testcom2 bind:test2method="test2method"></component-testcom2>

父级js index.jsthis

data:{
   testValue:""
},
...
test2method:function (e) {
  //接收component-testcom2传进来的值，再设置给testValue
  //component-test内部就会自动修改值
  this.setData({ testValue: e.detail.passValue })
},