uniapp中开发app时实现内嵌网页

首先新建一个webview.vue文件

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

其次在要查看的地方绑定一个点击事件

<button @click="onlineReport(url)">在线查看</button>

onlineReport(url) {
    uni.navigateTo({
    	//跳转到webview页面并携带此url
    	url: '/pages/webview/webview?url=' + url 
    })
},