App跳转h5

分两种情况:

1、浏览器跳h5

plus.runtime.openURL('https:564656w.com')

2、App内嵌h5

app内操作:

1)先去写一个点击事件,跳转到本项目的webview页面并传参一个想要跳转到的h5的链接

uni.navigateTo({
								
url: '/pages/webView/webView?url=' + this.merchantUrl+'/#/pages/online-store/index'
								})

2)创建一个webview页面,当作中介,src属性为h5链接 ,plus.storage.setItem像h5传递参数

<template>
	<view class="webView">
		 <web-view :src="url"></web-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url: '' ,
			}
		},
		onLoad(option) {
            // app向内嵌的h5传参数(用户信息)
			      plus.storage.setItem('data',""+JSON.stringify(uni.getStorageSync('userInfo')));
this.url = option.url
			 console.log(option,'webview跳转option')
		},
	}
</script>

h5操作:

先判断一下是否是在app内打开,如果app内就接参如果不是要去进行权限判断跳登录页

猜你喜欢

转载自blog.csdn.net/m0_65720832/article/details/130404715