​直播平台开发,实现点击跳转外部链接时的跳转步骤

​直播平台开发,实现点击跳转外部链接时的跳转步骤

总体思路是用uni.navigateTo跳转一个渲染外部链接的内部页面

 

1
<br>downLoad(item){<br>let url = encodeURIComponent(item.url)<br>uni.navigateTo({<br>url:'./webView?url='+url<br>})<br>},

url是文件路径。要用encodeURIComponent编码。不然路径会不完整

渲染外部要用web-view

webView.vue页面

 

1
<br><template><br><web-view :src="url" :progress="false"></web-view><br></template><br><script><br>    export default {<br>        data() {<br>            return {<br>                url:'',<br>                title:''<br>            }<br>        },<br>        onLoad(res) {<br>console.log(res.url)<br>            this.url = decodeURIComponent(res.url);<br>console.log(this.url)<br>        },<br>onReady(){<br>            uni.setNavigationBarTitle({<br>                title:this.title<br>            })<br>        }<br>    }<br></script>

 

以上就是 直播平台开发,实现点击跳转外部链接时的跳转步骤,更多内容欢迎关注之后的文章

 

posted @   云豹科技-苏凌霄  阅读(219)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示