uniapp小程序跳转到外部页面
页面,通过web-view这个标签进行动态绑定接收来的有效可访问网址,即可实现跳转功能 在pages中新建一个webview页面 如下。在模拟器上 不存在跳转的网站有https和http之分都可以跳转。然后在pages.json中配置webview.vue页面路径。该组件的行为是在app内打开外部浏览器,在h5打开新网页。
·
方案1
使用uni-app的扩展组件 uni-link,使用参考文档uni-app官网
该组件的行为是在app内打开外部浏览器,在h5打开新网页。
方案2:
通过先跳转到web-view页面,通过web-view这个标签进行动态绑定接收来的有效可访问网址,即可实现跳转功能 在pages中新建一个webview页面 如下。
<template>
<web-view :src="webUrl"></web-view>
</template>
<script>
export default {
name: "webview",
data() {
return {
webUrl: 'https://m.baidu.com'
};
},
}
</script>
<style>
</style>
然后在pages.json中配置webview.vue页面路径
{
"path" : "pages/webview/webview",
"style" :
{
"navigationBarTitleText": "",
"enablePullDownRefresh": false
}
}
然后做一个跳转
go() {
uni.navigateTo({
url: '/pages/webview/webview'
})
},
在模拟器上 不存在跳转的网站有https和http之分都可以跳转。
更多推荐
已为社区贡献3条内容
所有评论(0)