微信小程序 点击按钮切换页面

以计算器中单位换算为例，点击按钮后跳转到相关页面。
1、calc.wxml，按钮布局




长度
速度


重量
热量



2、长度界面，跳转后的页面

3、calc.js，响应点击函数
Page({
data: {
id1: “length”,
id2: “speed”,
id3: “weight”,
id4: “heat”,
},

clickBtn: function (event) {
var id = event.target.id;
if (id == this.data.id1) { //长度
wx.navigateTo({
url: ‘/pages/mypages/calc/length/length’,
})
}

else if (id == this.data.id2) { //速度
wx.navigateTo({
url: ‘/pages/mypages/calc/speed/speed’,
})
}

else if (id == this.data.id3) { //重量
wx.navigateTo({
url: ‘/pages/mypages/calc/weight/weight’,
})
}
else if (id == this.data.id4) { //热量
wx.navigateTo({
url: ‘/pages/mypages/calc/heat/heat’,
})
}
}
})
4、具体功能可参考：

5、源码下载链接
https://download.csdn.net/download/kevin_lp/11931364