uniapp框架下condition启动模式配置

什么是condition启动模式

condition是位于pages.json文件中的配置项,其作用是模拟用户直达的页面;

使用举例

假设你收到的开发任务是仅开发某个独立的页面,例如商品的详情页;如果项目是web端 你只需在浏览器输入地址即可
但是在小程序之中没有所谓的地址栏可以输入, 但是又不能随意更改pages项的顺序,因为第一项便是一进来的首页


image.png

这时便可使用condition启动模式

使用方法

在pages.json添加如下配置


image.png

配置项

list: 需要模拟的直达页面
name: 标签页名(下图示例)


image.png

path: 路由路径
query: 路由参数
current: 当前激活的模拟路由页面的索引

示例结果

通过点击右上角红框部分进行切换页面


image.png
image.png

注意

  1. 配置之前需要预先在pages里面配置路由
  2. 配置完成之后需要重启项目, 否则无效
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 简述 uniapp框架本身无需引用外部库,仅需配置自身的pages.json文件即可上方导航栏与下方TabBar,...
    片帆沙岸v阅读 4,871评论 0 0
  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    flyjar阅读 4,062评论 0 2
  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    绿茵场上的码者阅读 46,868评论 1 21
  • uni-app的基本使用 课程介绍: 基础部分: 环境搭建 页面外观配置 数据绑定 uni-app的生命周期 组件...
    __Mr_Xie__阅读 5,309评论 0 1
  • 1. 介绍 uni-app 是一个使用 Vue.js[https://vuejs.org/] 开发所有前端应用的框...
    橙子只过今天阅读 3,890评论 0 0