微信小程序按钮点击跳转页面详解 - 程序员阿鑫-带你一起秃头!

微信小程序按钮点击跳转页面详解

作者: 程序员阿鑫

好兄弟,我们一起掉头发!

手机扫码查看

标签:

教程小程序

特别声明:文章多为网络转载,资源使用一般不提供任何帮助,特殊资源除外,如有侵权请联系!

微信小程序中,按钮也是<button></button>标签,它通过bindtap属性绑定点击事件:

然后在js里面注册这个回调函数:

回调函数里面通过

wx.navigateTo({

url: '/pages/index/talkPage',

})

跳转到talkPage界面。

注意,html界面要在app.json里面注册:

不注册的话会报错:navigateTo:fail url "pages/index/talkPage" is not in app.json

注册完毕之后编译,开发工具会自动为你创建一个对应的js和wxss文件,而且js里面会自动搭好基本函数:

// pages/index/talkPage.js

Page({

 

/**

* 页面的初始数据

*/

data: {

},

 

/**

* 生命周期函数--监听页面加载

*/

onLoad: function (options) {

},

 

/**

* 生命周期函数--监听页面初次渲染完成

*/

onReady: function () {

},

 

/**

* 生命周期函数--监听页面显示

*/

onShow: function () {

},

 

/**

* 生命周期函数--监听页面隐藏

*/

onHide: function () {

},

 

/**

* 生命周期函数--监听页面卸载

*/

onUnload: function () {

},

 

/**

* 页面相关事件处理函数--监听用户下拉动作

*/

onPullDownRefresh: function () {

},

 

/**

* 页面上拉触底事件的处理函数

*/

onReachBottom: function () {

},

 

/**

* 用户点击右上角分享

*/

onShareAppMessage: function () {

}

})

往里面填充就好了,还是很容易捣鼓的。

分享到:
打赏
未经允许不得转载:

作者: 程序员阿鑫, 转载或复制请以 超链接形式 并注明出处 程序员阿鑫-带你一起秃头!
原文地址: 《微信小程序按钮点击跳转页面详解》 发布于2021-3-1

评论

切换注册

登录

忘记密码?

您也可以使用第三方帐号快捷登录

切换登录

注册

微信小程序按钮点击跳转页面详解

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏