uniapp框架下condition啟動模式配置

什么是condition啟動模式

condition是位于pages.json文件中的配置項(xiàng),其作用是模擬用戶直達(dá)的頁面;

使用舉例

假設(shè)你收到的開發(fā)任務(wù)是僅開發(fā)某個獨(dú)立的頁面,例如商品的詳情頁;如果項(xiàng)目是web端 你只需在瀏覽器輸入地址即可
但是在小程序之中沒有所謂的地址欄可以輸入, 但是又不能隨意更改pages項(xiàng)的順序,因?yàn)榈谝豁?xiàng)便是一進(jìn)來的首頁


image.png

這時(shí)便可使用condition啟動模式

使用方法

在pages.json添加如下配置


image.png

配置項(xiàng)

list: 需要模擬的直達(dá)頁面
name: 標(biāo)簽頁名(下圖示例)


image.png

path: 路由路徑
query: 路由參數(shù)
current: 當(dāng)前激活的模擬路由頁面的索引

示例結(jié)果

通過點(diǎn)擊右上角紅框部分進(jìn)行切換頁面


image.png
image.png

注意

  1. 配置之前需要預(yù)先在pages里面配置路由
  2. 配置完成之后需要重啟項(xiàng)目, 否則無效
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 簡述 uniapp框架本身無需引用外部庫,僅需配置自身的pages.json文件即可上方導(dǎo)航欄與下方TabBar,...
    片帆沙岸v閱讀 1,244評論 0 0
  • uni-app的基本使用 課程介紹: 基礎(chǔ)部分: 環(huán)境搭建 頁面外觀配置 數(shù)據(jù)綁定 uni-app的生命周期 組件...
    flyjar閱讀 790評論 0 2
  • uni-app的基本使用 課程介紹: 基礎(chǔ)部分: 環(huán)境搭建 頁面外觀配置 數(shù)據(jù)綁定 uni-app的生命周期 組件...
    綠茵場上的碼者閱讀 47,087評論 1 21
  • uni-app的基本使用 課程介紹: 基礎(chǔ)部分: 環(huán)境搭建 頁面外觀配置 數(shù)據(jù)綁定 uni-app的生命周期 組件...
    __Mr_Xie__閱讀 1,542評論 0 1
  • 1. 介紹 uni-app 是一個使用 Vue.js[https://vuejs.org/] 開發(fā)所有前端應(yīng)用的框...
    橙子只過今天閱讀 771評論 0 0

友情鏈接更多精彩內(nèi)容