微信小程序开发笔记

关于wx:for

  wx:for={{object}} wx:for-item="item" wx:for-index=index   如果object是一个数组，那么index的值为数组索引值，从0开始。 如果object是一个对象，那么index的值是对象里的key，item是对像里的value(类似于字典)   Example:

person:{
      age:74,
      height:145,
      weight:200,
      name:"富婆"
    }

但index的值为age，item的值为74  

  list:[
      {
        id:3,
        name:"猪八戒"
      },
      {
        id:1,
        name:"天蓬元帅"
      },
      {
        id:2,
        name:"悟能"
      }
    ]

当index的值为0时，item的值为list[0]  

---

 

关于事件绑定的传参问题

  不能直接传参，需要自定义属性的方式进行传参   Example:

<button bindtap="handtap" data-operation="{{1}}">+</button>

data-operation是自定义的属性，需要注意的是 data-operation="1"是传字符类型，data-operation="{{1}}"是传数值类型。

子向父传递数据和父向子传递数据

父向子传参，子组件接收的参数要写在 properties里，并且要写上数据类型和默认值

Example:

 properties: {
    tabs:{
        type:Array,
        value:[]
    }
  },

父组件传递的参数数据在data里。

Example:

<Tabs tabs="{{tabs}}" binditemChange="handleItemChange"></Tabs>

ps:子组件可以从自定义函数里直接拿到在properties的数据。就像用data的数据一样直接{{}}就可以。
    子向父传参

this.triggerEvent("itemChange",{index});

左边是需要绑定的事件，右边是传递的参数。