美文网首页小程序
小程序(十六)webview

小程序(十六)webview

作者: 秀萝卜 | 来源:发表于2019-03-27 09:19 被阅读0次

    1.什么是webview?

    它是用来显示h5页面的组件。只需传一个h5页面的地址,就可以显示该页面。
    web-view会自动铺满整个小程序页面。

    2.准备工作

    登录小程序管理后台,把web-view需要的h5页面地址添加到配置域名白名单中。
    (添加到webview 业务域名白名单中,不是request的域名白名单)
    可以在开发工具,右上角详情-----域名信息中查看

    3.使用webview

    1.新建一个页面webview(可以随意取名)


    1.png

    2.在wxml里面加入如下代码:

    <web-view src="https://{{url}}"></web-view>
    

    3.配置路径

    onLoad: function (options) {
        if(options.type="baidu"){
          this.setData({
            url:"www.baidu.com"
          })
        }
      },
    

    相关文章

      网友评论

        本文标题:小程序(十六)webview

        本文链接:https://www.haomeiwen.com/subject/klefbqtx.html