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

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

比如在事件函数里处理

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

打开外部第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' });