微信小程序（4）——按钮/页面跳转的参数传递

按钮之间传递参数

WXML：

<l-button bindtap="add" data-item1="1" data-item2="2">按钮1</l-button>
<l-button bindtap="add" data-item1="{{1}}" data-item2="{{2}}">按钮2</l-button>

JS：

  add(event){
   let id1=event.currentTarget.dataset.item1
   let id2=event.currentTarget.dataset.item2
   let c=item1+item2
   console.log(c); //按钮1输出12，按钮2输出3
  },

navigator页面跳转与参数传递

在微信小程序中使用navigator可以实现页面跳转，具体写法：

navigator url=""

url中放入需要跳转的页面路径即可，同时可以传递参数
例如：在本页面跳转到xs.wxml页面，传递 id参数和idArr两个参数

<navigator url="/pages/xs/xs?id={{item.fictionId}}&idArr={{idArr}}">

在xs.js中可以接收这个参数并且使用

onLoad: function (options) {
    console.log(options.id)
    console.log(options.idArr)
}