在uni-app项目中跳转链接到一个HTML5页面

打开HBuilder,右键新建项目,任意命名即可

建好后在 pages.json能看到 已被自动添加页面

页面跳转传参,修改前面创建的那个页面即可

<template>
    <view>
        <web-view src="https://www.51dev.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()无效,非v3编译模式使用this.$mp.page.$getAppWebview()
        setTimeout(function() {
            wv = currentWebview.children()[0]
            wv.setStyle({top:150,height:300})
        }, 1000); //如果是页面初始化调用时,需要延时一下
        // #endif
        }
    };
</script>

所有项目编辑在HBuilder完成即可

你可能感兴趣的