微信小程序js學習心得體會

微信小程序js學習心得體會

頁面控制的bindtap和catchtap

用法，區別

<button id='123' data-userDate='100' bindtap='tabMessage'>刷新</button>

tabMessage: function(e){
    console.log(e.target.id);
    
    console.log(e.target.dataset);

    console.log(e.target.dataset.userdate);
  },

• 能夠獲取的數據
  • id
  • 設置的datauserxxx，在頁面上設置爲data-userXxxx，在js中獲取則爲dataset.userxxxx 更換爲小寫
• bindtap 與 catchtap的是否冒泡的區別
  • bindtap爲冒泡事件，bindtap會致使上級控件的全部事件被觸發，而catchtap不會
  • catchtap能夠中斷冒泡事件
  • 任何控件均可以添加該事件
  • 所以一般會在最外層使用一個view做爲總控件，添加一個bindtap執行如全局刷新等功能

setData

對於小程序中存在js中data的初始數據，假設以下

data: {
    count: 1,
    weeek: 1

  },
      view1: function(e){
          this.setData({
              count: 2
          })
      }

在這個js中，若是執行view1函數，則data數據只有count會改變，而week不會改變，不會受到影響。