微信小程序時間綁定分析

<view>
<SearchInput></SearchInput>
<Tabs tabs="{{tabs}}" bindstabsItemChange="handletabsItemChange">
<block wx:if="{{tabs[0].isActive}}">0</block>
<block wx:elif="{{tabs[1].isActive}}">1</block>
<block wx:elif="{{tabs[2].isActive}}">2</block>
</Tabs>
</view>

這裏bindstabsItemChange="handletabsItemChange"，他綁定的事件是如下代碼

  methods: {
        handleItemTap(e){
            const {index}=e.currentTarget.dataset;
            this.triggerEvent("tabsItemChange",{index})
        }
    }
})

tabsItemChange的綁定事件就是在tabsItemChange前面加上bind，等於bindtabsItemChange，咱們將

handletabsItemChange事件定義傳給綁定函數

handletabsItemChange定義以下：

 handletabsItemChange(e){
        const {index}=e.detail;
        let {tabs}=this.data;
        tabs.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
        this.setData({
            tabs
        })
    },

 

此是父組件給子組件傳遞參數的過程