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

 时间:2026-04-21 18:51:15

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

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

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

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

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

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

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

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

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

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

  • AxureRP如何对元件内的文字进行样式修改
  • 如何用HBuilderX导入uni-app项目开发微信小程序
  • Animate/FLASH如何实现水平拖动图片(AS3)
  • Visual Studio中如何设置文本字体
  • vs2010 快速简单的找到连接数据库语句
  • 热门搜索
    h皮带是什么牌子 金苍蝇是什么 做衣柜用什么板材好 移动客服密码是什么 四库全书是什么 种植什么药材最赚钱 自动化是什么专业 股票前xd是什么意思 什么眼霜好 january是什么意思