注意：一開始我的云上務工模塊是單獨的tabbar界面，但是小程序跳轉好像不能直接點擊tabbar進行，所以我將這里改成了點擊首頁中的按鈕進行跳轉

點擊這里進行小程序跳轉

目錄

基礎講解

uniapp小程序跳轉的兩個方法

調用說明（半屏跳轉的需要注意）

實際應用實現

第一步：點擊按鈕進行跳轉操作

第二步：小程序跳轉代碼

效果展示

---

基礎講解

uniapp小程序跳轉的兩個方法

這里需要用到的是uni.navigateToMiniProgram(OBJECT)這個方法

調用說明（半屏跳轉的需要注意）

uniapp官方中寫明，微信小程序2.23.1以下版本基礎庫，開發者需要在全局配置manifest.json-->mp-weixin節點下添加embeddedAppIdList字段并聲明需要半屏跳轉的小程序，若不配置將切換為普通的小程序跳轉小程序。2.23.1及以上版本起無需配置。

{"mp-weixin" : {"embeddedAppIdList": ["wxe5f52902cf4de896"]//需要半屏跳轉的小程序appid}
}

實際應用實現

第一步：點擊按鈕進行跳轉操作

clickHandle(title,text){if(title == '三維地圖'){uni.navigateTo({url: `${text}`});    }else if(title == '云上務工'){this.gotoPages();}else{uni.switchTab({url: `${text}`})}
},

第二步：小程序跳轉代碼

//小程序跳轉
gotoPages(){uni.navigateToMiniProgram({appId: 'xxxxx你需要跳轉的小程序appid',success(res) {// 打開成功uni.showToast({title: '跳轉成功'})},fail(err) {console.log(err)// 打開失敗/取消uni.showToast({title: '跳轉不成功'})}})
},

效果展示

展示效果，點擊【云上務工】按鈕直接進行小程序跳轉