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

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

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

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

<template>
    <view>
        <web-view src="https://www.feifeixia.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完成即可

免责声明:本站所提供的资源和内容部分来源于互联网及网友投稿,仅供学习和研究,请勿用于非法商业用途!如产生的任何法律纠纷与违法行为与本站无关!如有侵权请联系我们处理,敬请谅解! 购买产品的客户请勿涉黄或其他违反国家法律的用途上,如有客户不遵守国家法律产生相关法律问题与本站无关,我们不接触一切违反国家法律的技术支持工作,使用产品后请正确正规经营程序!

没有账号? 注册  忘记密码?