微信小程序界面跳转（2）——按钮

步骤一：创建一个新界面catPage界面：

先在pages文件夹下创建一个新的文件夹：catPage。单击右键，创建page，page名称和文件夹名称一致。最后创建结果如图所示。

步骤二：添加按钮：

具体操作见博客添加按钮

步骤三：绑定按钮：

在按钮界面添加如图所示代码，主要是bindtap，绑定对应的跳转界面。比如：第一个按钮绑定的ID为“goToCatPage”,相对应的跳转到创建的catPage界面。

步骤四：跳转界面响应事件：

在按钮界面的 .js 文件中加入如图所示代码（图后提供可复制代码）

goToCatPage:function(param){wx.navigateTo({url: '../catPage/catPage',})},

这里的url中放的是界面的存储路径。如果不知道路径是什么，打开app.json文件进行查看。pages为根目录，用"../"代替就好。

这样就可以实现界面的简单跳转了。

END

微信小程序界面跳转（2）——按钮相关推荐

微信小程序界面跳转方法
1 wx.navigateTo(Object object) 保留当前页面,跳转到应用内的某个页面.但是不能跳到 tabbar 页面.使用 wx.navigateBack 可以返回到原页面.小程序中页 ...
微信小程序界面跳转（1）
界面跳转1:点击文字进行跳转从logs界面跳转到one界面: 步骤一:打开logs.wxml文件,加入如图所示代码:(图后给出可复制代码) <view class="moto-con ...
微信小程序界面跳转之后出现空白
除了各种路径写错,参数传错的问题之外,,还有一个非常坑的问题,用了我2个下午的时间才找到原因: 首先这个问题非常的坑,在微信开发者工具里面还有真机体验的时候是不会报错的,都能正常加载,只有在体验版的时 ...
微信小程序页面跳转方法总结
微信小程序页面跳转目前有以下方法(不全面的欢迎补充): 1. 利用小程序提供的 API 跳转: // 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面. // ...
微信小程序怎么添加底部菜单按钮
继续微信小程序方面的教程,今天讲怎么在空白的小程序页面添加几个类似菜单的按钮,实现点击某个按钮跳转到对应界面,而不是单单局限于一个页面. 需要什么: 微信小程序账户电脑一台电脑安装微信开发者工具软 ...
微信小程序python_用python一步一步教你玩微信小程序【跳一跳】
12月28日,微信上线了小游戏「跳一跳」,瞬间成了全民游戏,如何牢牢占据排行榜的第一位呢?用Python帮助你,Python真的无所不能. 作为技术出身的我们,是不是想用技术改变排名呢? 注意:本文适 ...
python玩微信小程序游戏_用python一步一步教你玩微信小程序【跳一跳】
12月28日,微信上线了小游戏「跳一跳」,瞬间成了全民游戏,如何牢牢占据排行榜的第一位呢?用Python帮助你,Python真的无所不能. 作为技术出身的我们,是不是想用技术改变排名呢? 注意:本文适 ...
python玩微信小程序游戏_016 用python一步一步教你玩微信小程序【跳一跳】
12月28日,微信上线了小游戏「跳一跳」,瞬间成了全民游戏,如何牢牢占据排行榜的第一位呢?用Python帮助你,Python真的无所不能. 作为技术出身的我们,是不是想用技术改变排名呢? 注意:本文适 ...
微信小程序界面设计小程序中CSS3样式精通课程-边框-box-shadow 盒阴影
边框-box-shadow 盒阴影微信小程序交流群:111733917 | 微信小程序从0基础到就业的课程:https://edu.csdn.net/topic/huangjuhua 通用语法浏览 ...

微信小程序界面跳转（2）——按钮

微信小程序界面跳转（2）——按钮

步骤一：创建一个新界面catPage界面：

步骤二：添加按钮：

步骤三：绑定按钮：

步骤四：跳转界面响应事件：

END

微信小程序界面跳转（2）——按钮相关推荐

最新文章

热门文章