100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 微信小程序 点击按钮切换页面

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

时间:2018-07-26 00:11:56

相关推荐

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

以计算器中单位换算为例,点击按钮后跳转到相关页面。

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、源码下载链接

/download/kevin_lp/11931364

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。