微信小程序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不会改变，不会受到影响。