從0開始寫小程序(一)點擊事件,獲取元素id,頁面傳值

不是專業程序員,忽然就想研究一下微信小程序的開發javascript

首先遇到的問題就是參數傳遞;html

小程序裏的點擊觸發事件、如何獲取當前元素的id、如何吧值傳遞到下一個頁面例:
wxml裏:java

<view class="kindleft">

  <a catchtap="gotoresult" id="vegetables" class="button">蔬菜類</a>

</view>

catchtap是點擊觸發 觸發的內容是等於號後面「」裏的函數方法
js裏:程序員

gotoresult:

  function (e) {
   
    var kind = e.target.id

        console.log(kind);

    wx.navigateTo({
url: '../result/result?kind='+kind});
  
    }

觸發了函數,這裏的重點是 經過e.target.id
能夠獲取當前控件的id值,經過wx.navigateTo跳轉頁面,在url裏寫參數(如?kind=kind)的方式傳遞值,
在下一個頁面裏,經過onload裏options.kind的方法獲取傳過來的值,這裏的kind即上面寫的參數名稱,如:
 小程序

onLoad: function (options) {

      var ta=options.kind;   
    console.log(txt);
  
},
相關文章
相關標籤/搜索