从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);
  
},
相关文章
相关标签/搜索