如何在微信小程序中新建页面和页面跳转

时间:2024-10-14 22:03:03

1、首先我们要在微信小程序里新建一个项目。

如何在微信小程序中新建页面和页面跳转

2、然后我们打开“app.json”,我们看一下里面的代码,然后我们可以看到“pages”,“pages”里的第一行代码对应的页面就是模拟器最开始展示的页面。

如何在微信小程序中新建页面和页面跳转

3、此时我们在“app.json”最前面添加两行代码"pages/shouye/shouye"和&鳎溻趄酃quot;pages/tiaozhuan/tiaozhuan",然后我们保存一下代码,就可以看到pages目录下多了两个文件夹,一个“shouye”文件夹和一个“tiaozhuan”文件夹,模拟器对应的是“shouye”页面。

如何在微信小程序中新建页面和页面跳转

4、然后我们打开“pages”目录下的“shouye”文件夹中的“shouye.wxml”,我们在页面中添加一个按钮,然后添加一点击事件和文字。

如何在微信小程序中新建页面和页面跳转

5、然后我们打开“pages”目录下的“shouye”文件夹中的“shouye.j衡痕贤伎s”,编写按钮点击事件,实现页面跳转。关于页面跳转路径的编写可参考“如何指定图片路径”。

如何在微信小程序中新建页面和页面跳转
© 手抄报圈