uni-app项目中跳转链接到网页界面（程序内部）

照片案例：

 

在.vue文件中添加代码：

<template>
	<view>
		<web-view src="https://www.baidu.com"></web-view> //网页链接
	</view>
</template>
<script>
var wv;//计划创建的webview
export default {
	onReady() {
		// #ifdef APP-PLUS
		var currentWebview = this.$scope.$getAppWebview() //此对象相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效
		setTimeout(function() {
			wv = currentWebview.children()[0]
			wv.setStyle({top:150,height:300})
		}, 1000); //如果是页面初始化调用时，需要延时一下
		// #endif
	}
};
</script>

官方文档解释https://uniapp.dcloud.io/component/web-view.html