uniApp跳转外链

avatar
作者
筋斗云
阅读量:0

创建一个新的页面,在该页面中使用web-view组件加载外部URL:pages/web-view/web-view

<template>   <view>     <uni-list>       <uni-list-item         title="打开外部链接"         @click="openExternalLink"       ></uni-list-item>     </uni-list>   </view> </template>  <script> export default {   methods: {     openExternalLink() {       window.open('https://super.xiaoxilao.com/', '_blank');     }   } } </script>  <style> /* 你的样式 */ </style> 

在我们当前需要点击跳转的页面,增加点击事件,跳转到你创建的web-view页面,并传递URL参数:例如:/pages/index/index

<template>   <view>     <uni-list>       <uni-list-item         title="打开外部链接"         @click="openExternalUrl('https://super.xiaoxilao.com/')"       ></uni-list-item>     </uni-list>   </view> </template>  <script> export default {   methods: {     openExternalUrl(url) {       uni.navigateTo({         url: `/pages/web-view/web-view?url=${encodeURIComponent(url)}`       });     }   } } </script>  <style> /* 你的样式 */ </style> 

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!