uniapp实现内嵌其他网页的功能

一、用到的知识点

1. 页面跳转
2. 页面间跳转，参数传递
3. web-view使用

二、使用navigator 页面跳转。

navigator 组件类似HTML中的<a>组件，但只能跳转本地页面。目标页面必须在pages.json中注册。

所以这么写是不行的：

<navigator url="wwww.baidu.com">到百度</navigator>

新注册个页面，跳转到该页面，使用webview

<view><navigator url="./circleMember?url=https://www.baidu.com" hover-class="navigator-hover" >到百度</navigator>
</view>

新页面为：

<template><view><web-view :webview-styles="webviewStyles" :src="url"></web-view></view>
</template><script>export default {data() {return {webviewStyles: {progress: {color: '#FF3333'}},url:''}},onLoad(options) {console.log(options)this.url=options.url}}
</script><style></style>