uni_app H5,APP跳转到外部链接的方法和打开内部网页的方法-夜狼博客-时空书城


打开外部第1种方法 --标签写法:


比如在事件函数里处理


onclick(url) { /新窗口打开 //#ifdef H5 window.open(vs_url) //#endif //#ifndef H5 plus.runtime.openURL(vs_url); //#endif },


uni_app H5,APP跳转到外部链接的方法-夜狼博客-时空书城

打开外部第2种方法 --标签写法,uniapp 官网有说,但我没用过,我一般都市事件触发,你们可以试试:

<template> <view> <web-view :webview-styles="webviewStyles" src="https://uniapp.dcloud.io/static/web-view.html"> </web-view> </view> </template>

打开内部的方法 ,其实这个uniapp官网有详细介绍,以下是简单介绍


写法1:非底部tabbar页面跳转

//在起始页面跳转到test.vue页面并传递参数 uni.navigateTo({ url:'test?id=1&name=uniapp' }) // 在test.vue页面接受参数 export default { onLoad: function (option) { //打印出上个页面传递的参数。 console.log(option.id); console.log(option.name); } }

写法2:底部tabbar页面跳转

//跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。 uni.switchTab({ url: '/pages/index/index' });

写法3:关闭当前页面,跳转到应用内的某个页面

uni.redirectTo({ url: 'test?id=1' });

写法4:关闭所有页面,打开到应用内的某个页面

uni.reLaunch({ url: 'test?id=1' });


如果这个文章对你有帮助,请支持下站长的努力付出,点击下方是本人的网站:时空书城,谢谢

时空书城