在微信小程序中如何改变默认打开的页面

原创 已于 2023-12-05 16:56:48 修改 · 2.5k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序 #小程序

于 2023-12-05 16:53:53 首次发布
本文介绍了如何在微信小程序开发中避免页面跳转至默认打开页面，通过设置新的编译模式和启动页面，提升用户的使用体验和开发者的工作效率。

在微信小程序中，在我们编写页面的时候，可能会在重新渲染的时候导致页面跳转到默认打开的页面上，为了提升用户的一个体验，我们可以设置一些内容来修改小程序默认打开的页面，提升开发者的开发体验。

当我们打开一个微信小程序的时候，这里是普通编译

那么，我们就可以在这里添加一个新的编译模式

将模式名称以及启动页面填上我们需要的即可。

添加成功就是以下这个页面了，重新编译后默认则打开的是我们重新输入的那个路径

开心点啦.
关注
微信小程序 设置启动页面的两种方法
01-03
微信小程序 设置启动页面 在开发微信小程序的时候，除了tabBar上设置的页面之外，想进入肯定要走跳转之类的进入，但是我们开发的时候肯定想要直接看到该页面，那么我们就需要设置一下启动页面了有两种方法。 方法一 在app.json文件中，pages数组，设置在第一个的页面就是默认启动页面，所以你只需要调整你当前开发的页面顺序就好了。 方法二 在编译的地方设置，你只需要设置页面的路径，勾选上“使用以上条件编译”，如果页面需要参数，那可以把参数也传上。这样启动的就是你设置的页面。 感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
微信小程序webview组件交互,内联h5页面并网页实现微信支付实现解析
10-16
通过以上步骤，我们成功实现了在微信小程序的Webview中内联H5页面，并通过交互调用微信支付的功能。在整个过程中，关键在于H5与小程序之间的数据通信，以及正确处理微信支付的回调。确保数据安全和用户体验是设计...
小程序设置首次加载页面
weixin_39647035的博客
11-21 3636
小程序首次页面加载，可以在app.json中设置，第一个即为首次加载页面
微信小程序怎么改变默认的打开页面？
wuqihawubito的博客
12-25 2723
解决微信小程序常见问题
微信小程序设置启动页面
kerryqpw的博客
07-11 8975
微信小程序设置启动页面
微信小程序开发问答《六十三》设置某个页面为启动后打开的第一个页面 & 调试
03-29
1、设置某个页面为启动后打开的第一个页面 2、微信小程序调试技巧 3、微信小程序的背景图显示？ 4、微信小程序onload中调用本页面上的请求方法，因为异步请求原因，获取不到参数 。改用promise控制，异步请求没开始 ...
在微信小程序中使用vant的方法
10-16
在微信小程序中，Vant 是一个非常流行的 UI 组件库，它提供了丰富的界面元素和交互设计，可以帮助开发者快速构建美观且易用的小程序应用。Vant 基于 WeApp，专门为微信小程序优化，旨在提供轻量级、高性能的组件。 ...
开发微信小程序：设置某个页面为启动后打开的第一个页面
热门推荐
兵仔贾---的专栏
08-02 3万+
在开发微信小程序的时候，除了tabBar上设置的页面之外，想进入肯定要走跳转之类的进入，但是我们开发的时候肯定想要直接看到该页面，那么我们就需要设置一下启动页面了有两种方法。 方法一 在app.json文件中，pages数组，设置在第一个的页面就是默认启动页面，所以你只需要调整你当前开发的页面顺序就好了。  方法二 在编译的地方设置，你只需要设置页面的路
1-5 微信小程序页面配置
u012717715的博客
05-09 401
页面配置 每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。页面中配置项在当前页面会覆盖app.json的window中相同的配置项。文件内容为一个 JSON 对象，有以下属性： 配置项 属性 类型 默认值 描述 最低版本 navigationBarBackgroundColor HexColor #000000 ...
修改微信小程序默认返回键，使用onUnload
weixin_55109830的博客
12-13 3213
有时候我们又不希望使用自定义返回键，又想修改微信小程序默认返回键的效果可以用onUnload生命周期：如下面代码就可以修改默认返回键效果。我这里是直接reLaunch 当然也可以选择返回前两页这样的，getCurrentPage的各种使用这里就不多介绍了，大家可以网上搜搜。
如何设置微信小程序启动页及其全屏背景色？
i-cat的博客
06-27 1万+
最近事情不多，自己找了资料写写小程序，好久没写小程序都生疏了，借此顺便回忆一下小程序的语法，记录入坑爬坑的过程。
微信小程序如何修改项目首页
贼厉害
02-04 1089
微信小程序开发工具就会自动识别替换目录。看上图就能明白，如果想修改项目目录首页只需要把。这样就可以调换成功了。
微信小程序 之设置某个页面为启动后打开的第一个页面
gyueh的博客
04-13 3618
在app.json文件中，pages数组中第一个页面就是默认启动页面，所以只需要将需要在开启页面后第一个展示的页面放在最前面即可，此方法适用于tabbar页面和其他子页面 如下所示： { "pages": [ "pages/show/message/message", "pages/containerlist/index", "pages/my/index", ...
小程序怎么切换启动页面
weixin_47663211的博客
09-29 273
如下：
微信小程序【启动默认首页方式、轮播图、数据渲染等】
December_shi的博客
04-13 4149
【微信小程序】 1.点击跳转 2.点击查看 3.数据渲染 4.上拉下拉事件 5.picker的使用
微信小程序 设置默认打开页面
累猿的博客
04-17 1万+
微信小程序开发过程中，经常会给内页调试开发，每次都点击几个链接才到目标页面，费时费劲！ 可以直接通过修改app.json，直接把目标页面设置为默认打开页。 { "pages": [ "pages/article/detail", "pages/index/index", "pages/article/index" ] } ...
微信小程序开发前台篇（四）修改首页默认路径
qq_32548475的博客
09-14 5579
微信小程序的默认首页 在app.json中的第一个路径就是默认的首页路径 调整前首页路径pages/index/index { "pages": [ "pages/index/index", "pages/select/select", "pages/more/more", "pages/me/me", "pages/StorageOrganization/StorageSearch/StorageSearch", "pages/use/use",
微信小程序修改tabbar默认页面
最新发布
02-07
### 微信小程序修改TabBar默认页面的方法 在微信小程序中，`tabBar`的默认页面通过全局配置文件`app.json`中的`"tabBar"`字段来设置。具体来说，默认选中的页面由`"list"`数组内的第一个对象所指向的页面决定。 #### 配置方法 为了更改`tabBar`的默认页面，需编辑`app.json`文件，调整`"pages"`和`"tabBar"`属性下的`"list"`部分： 1. **确保目标页面已注册** 所有希望作为`tabBar`项的页面都应先被加入到`"pages"`列表内[^2]。 ```json { "pages": [ "pages/index/index", "pages/logs/logs", "pages/newPage/newPage" ] } ``` 2. **设定新的默认首页** 修改`"tabBar"`里的`"list"`顺序，使想要设为默认显示的第一个元素位于最前位置。注意路径要与上述`"pages"`里的一致。 ```json { "tabBar": { "list": [{ "pagePath": "pages/newPage/newPage", // 新的默认页 "text": "新页面" }, { "pagePath": "pages/index/index", "text": "首页" }] } } ``` 3. **启动时跳转至指定页面（可选）** 如果需要更灵活控制首次加载时打开的具体页面，则可以在入口页面(`App`)生命周期函数`onLaunch()`中调用API `wx.reLaunch()`强制重新定向到期望的目标页面[^1]。 ```javascript // app.js App({ onLaunch() { wx.reLaunch({ url: '/pages/newPage/newPage' }); } }) ``` 此操作会忽略当前栈状态并关闭所有页面，仅保留根目录下指定的新页面实例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值