小程式開發-bindtap事件傳參
阿新 • • 發佈:2019-01-03
初接觸小程式時以為bindtap事件是不能傳參的,因為嘗試用vue的事件傳參方式 結果不行,讓我也惶恐了一陣,這要是不能傳參後面那麼多for迴圈該怎麼辦
<view class='show'> <text data-no='1' bindtap='toggle' class="{{active == 1?'active':''}}">交通運輸</text> <text data-no='2' bindtap='toggle' class="{{active == 2?'active':''}}">商業服務</text> <text data-no='3' bindtap='toggle' class="{{active == 3?'active':''}}">醫療衛生</text> <text data-no='4' bindtap='toggle' class="{{active == 4?'active':''}}">水利橋樑</text> <text data-no='5' bindtap='toggle' class="{{active == 5?'active':''}}">農林牧漁</text> <text data-no='6' bindtap='toggle' class="{{active == 6?'active':''}}">能源化工</text> <text data-no='7' bindtap='toggle' class="{{active == 7?'active':''}}">出版印刷</text> <text data-no='8' bindtap='toggle' class="{{active == 8?'active':''}}">原材料</text> </view>
事件定義
Page({
data: {
active: 1
},
toggle: function (e) {
var a = e.currentTarget.dataset.no
this.setData({
active: a
})
}
})
之前為了實現功能寫了一堆騷程式碼,能傳參就寫一個函式,不能傳參那就寫16遍函式,程式碼不認直視,既然能傳參那就好辦了,
小程式和vue很像,但還是有區別的