1. 程式人生 > >小程式開發-bindtap事件傳參

小程式開發-bindtap事件傳參

初接觸小程式時以為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很像,但還是有區別的