0
点赞
收藏
分享

微信扫一扫

uni-app 通过condition调试指定页面

uni-app 中的 condition 是什么?

condition 是启动模式配置,它主要用于模拟直达某一个页面的常见,以方便进行开发调试。该模式还在开发期间生效。

属性说明:

属性

类型

是否必填

描述

current

Number


当前激活的模式,list节点的索引值

list

Array


启动模式列表

list说明:

属性

类型

是否必填

描述

name

String


启动模式名称

path

String


启动页面路径

query

String


启动参数,可在页面的 ​​onLoad​​ 函数里获得

注意: 在 App 里真机运行可直接打开配置的页面,微信开发者工具里需要手动改变编译模式,如下图:

uni-app 通过condition调试指定页面_启动模式

 

怎么使用 uni-app 中 的condition 来调试指定页面?

1、首先打开根目录下的 pages.json 文件,添加如下代码:

  "condition": { //编译模式配置,仅开发期间生效  
"current": 0, //当前激活的编译模式(list 的索引项)
"list": [{
"name": "详情页面", //模式名称
"path": "pages/details/details", //启动页面,必选
"query": "id=1" //启动参数,在页面的onLoad函数里面得到。
}]
},

pages.json 文件全部代码如下:

{
"pages": [{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
}
},{
"path": "pages/details/details",
"style": {
"navigationBarTitleText": "详情"
}
}],
"condition": { //编译模式配置,仅开发期间生效
"current": 0, //当前激活的编译模式(list 的索引项)
"list": [{
"name": "详情页面", //模式名称
"path": "pages/details/details", //启动页面,必选
"query": "id=1" //启动参数,在页面的onLoad函数里面得到。
}]
},
"globalStyle": {
"navigationBarTextStyle": "white",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#007AFF",
"backgroundColor": "#FFFFFF"
}
}

2、然后直接运行即可

 


举报

相关推荐

0 条评论