Question

微信小程序 js 如何点击进入新的界面？

代码如图，该怎样写代码 点击进入到新的界面，我点击后出现的是相同的页面，该如何做才能出现不同的页面。谢谢，求大神。。





Answer 1

新建一个微信小程序0607，完成后，大致架构如图：

2/10
在app.json中，调整一下test的位置，放在第一位；
便于运行后，直接显示test.wxml文件，如图：

查看剩余1张图
3/10
在test.wxml中输入以下代码，添加一个按钮，运行后如图所示：
功能：点击按钮后，跳转到日志界面。
<button type="primary">跳转到日志界面</button>

4/10
给上面的按钮添加点击事件，因为跳转到日志界面，在本程序中，日志界面属于tabBar页面（在app.json中注册过的tabBar页面），所以使用wx.switchTab 进行跳转；代码如下：

查看剩余1张图
5/10
在app.json中注册一个界面new，如图：

6/10
在test.wxml中添加按钮，点击按钮后跳转到new.wxml界面，如图：

查看剩余1张图
7/10
在test.js中添加跳转代码，如图：
点击按钮后，即可跳转到新页面new.wxml.

查看剩余1张图
8/10
在new.wxml中添加按钮，功能：返回上一页
具体代码如图：

9/10
添加对应的j，跳转代码，如图:

10/10
运行后，点击即可在test界面和new界面之间相互跳转，

Answer 2

标签跳转相当于HTML的a标签

<navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>

编程式跳转：

wx.navigateTo({url: 'test?id=1',})

详情查看微信官方文档：

navigator 导航标签组件 网页链接

navigateTo API:网页链接