2-7 页面交互JS

 

 

 

 

  /**
   * 页面的初始数据
   */
  data: {
    msg:"你好",
    img:'/images/meizi.jpg',
    arr:['a','b','c','d'],
    list:[{
        name:'周杰伦',
        age:'30'
      }, {
        name: '刘德华',
        age: '60'
      }, {
        name: '刘涛',
        age: '40'
      }],
    isLogin:true,
    count:0
  },

  onTapHandler: function(){
    this.setData({
      count: this.data.count +1
    });
  },

 

 

<button size='mini' bindtap='onTapHandler'>点我加1</button>
<view>{{count}}</view>

 

=================

  onTapBoxHandler: function(){
    console.log('box 点击')
  },

  onTapChildHandler: function () {
    console.log('child 点击')
  },

bindtap 与 catchtap

<view class='box' bindtap='onTapBoxHandler'>
  <view class='child' bindtap='onTapChildHandler'></view>
</view>

<view class='box' catchtap='onTapBoxHandler'>
  <view class='child' catchtap='onTapChildHandler'></view>
</view>

或者：

<view class='box' catch:tap='onTapBoxHandler'>
  <view class='child' catch:tap='onTapChildHandler'></view>
</view>

-----------------------

事件对象：

  onTapBoxHandler: function(event){
    console.log('box 点击')
    console.log(event)
  },

  onTapChildHandler: function () {
    console.log('child 点击')
  },

 

-------------------------

自定义属性