-----------事件傳參

<!--index.wxml-->
<view class="container">
  <!-- 界面層的事件傳參 -->
  <!-- 通過data-xxx來傳遞參數 -->
 <button bindtap=‘open‘ data-name=‘張三‘>單擊觸發</button>
</view>

//js-----------
Page({
  //date 為頁面提供數據 是界面和邏輯之間的橋梁
  data: {
    
  },
  
  open: function(e){
    console.log(
 
this),
    console.log(e),
    //e.target 獲取當前對象
    console.log(e.target),
    //獲取傳遞過來的值
    console.log(e.target.dataset.name)
  }
})

---------數據的流向

<!--index.wxml-->
<view class="container">
  <!-- 綁定輸入事件，監控value -->
  <input value="{{massage}}" bindinput=‘alter‘
 
></input>
  <text>{{massage}}</text>
</view>

//js-----------
Page({
  //date 為頁面提供數據 是界面和邏輯之間的橋梁
  data: {
    massage: "hello",
  },
  alter: function(e) {
    //通過打印e,發現要用detail來獲取value的值。。
    // console.log(e),
    // console.log(e.detail.value)
    // console.log(this.data.massage)
    
 
// this.data.massage = e.detail.value 這居然用不了。。。
    this.setData({
      massage: e.detail.value
    })
    // this.setData 是用來改變data中的數據 它與直接賦值區別在於setData可以通知界面做出變化
  }

})

小程序之事件傳參與數據流向