直播平臺開發,實現點選跳轉外部連結時的跳轉步驟
直播平臺開發,實現點選跳轉外部連結時的跳轉步驟
總體思路是用uni.navigateTo跳轉一個渲染外部連結的內部頁面
downLoad(item){ let url = encodeURIComponent(item.url) uni.navigateTo({ url:'./webView?url='+url }) },
url是檔案路徑。要用encodeURIComponent編碼。不然路徑會不完整
渲染外部要用web-view
webView.vue頁面
<template> <web-view :src="url" :progress="false"></web-view> </template> <script> export default { data() { return { url:'', title:'' } }, onLoad(res) { console.log(res.url) this.url = decodeURIComponent(res.url); console.log(this.url) }, onReady(){ uni.setNavigationBarTitle({ title:this.title }) } } </script>
以上就是 直播平臺開發,實現點選跳轉外部連結時的跳轉步驟,更多內容歡迎關注之後的文章
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69978258/viewspace-2871419/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- 點選連結取消跳轉效果
- 直播app原始碼,跳轉站外連結或平臺內部跳轉頁面APP原始碼
- 【eslint 外掛開發】禁用 location 跳轉外部連結EsLint
- 直播系統平臺搭建,點選連結跳轉到三方平臺或其他頁面
- 短視訊平臺開發,點選連結、圖片自動跳轉到新的頁面
- 直播電商軟體開發,商城商品實現三方連結跳轉的
- 網址連結跳轉外部安全提醒程式碼
- 點選連結跳轉到應用指定頁面
- 超連結的跳轉位置
- 大象跳轉-使用JS實現在微信中呼叫外部瀏覽器開啟指定連結JS瀏覽器
- [提問交流]這要如何實現跳轉連結
- JavaScript 阻止超連結的跳轉JavaScript
- Android 點選按鈕跳轉Android
- JavaScript 阻止超連結跳轉JavaScript
- vue裡a標籤從後臺獲取連結並實現跳轉Vue
- 大象跳轉良心提供在微信中點選連結直接跳轉到手機預設瀏覽器的功能程式碼瀏覽器
- JavaScript 阻止擊超連結的跳轉JavaScript
- app直播原始碼,RecycleView頁面的點選跳轉設計APP原始碼View
- (一)Chrome書籤連結跳轉Chrome
- 錨點 跳轉
- Nginx 實現 Rewrite 跳轉Nginx
- Android 外部URL跳轉到APP的操作AndroidAPP
- 成品直播原始碼,html頁面點選按鈕實現頁面跳轉的兩種方法原始碼HTML
- FioriLaunchpadTile點選後跳轉的除錯技巧除錯
- 微信跳轉wap外部瀏覽器介面如何實現瀏覽器
- IIS6配置301跳轉到https的教程步驟HTTP
- PHP獲取動態跳轉後的真實連結PHP
- unity實現場景跳轉Unity
- iOS 點選推送訊息跳轉指定介面 —總結篇iOS
- vue中實現路由跳轉的三種方式(精選)Vue路由
- Mindjump如何透過程式碼實現微信中點選連結直接跳轉到手機預設瀏覽器)瀏覽器
- 詳述微信自動跳轉外部瀏覽器是如何實現的瀏覽器
- Flutter中實現無Context跳轉FlutterContext
- PHP中實現頁面跳轉PHP
- Activiti6實現自由跳轉
- 用setjmp和longjmp實現跳轉
- 轉跳
- Fiori Launchpad Tile點選後跳轉的除錯技巧除錯