微信小程序> 微信小程序webview实例

微信小程序webview实例

浏览量:489 时间: 来源:达达前端小酒馆

小程序

微信小程序web-view实例

index.js

//index.js//获取应用实例const app = getApp()Page({      /**       * 页面的初始数据       */      data: {      },      goBaidu: function(e) {        wx.navigateTo({          url: '../out/out',           success: function(e) {console.log(e);          },           fail: function(err) {console.log(err);          }        })      },        /**         * 生命周期函数--监听页面加载         */        onLoad: function(options) {          },          /**           * 生命周期函数--监听页面初次渲染完成           */          onReady: function() {          },          /**           * 生命周期函数--监听页面显示           */          onShow: function() {          },          /**           * 生命周期函数--监听页面隐藏           */          onHide: function() {          },          /**           * 生命周期函数--监听页面卸载           */          onUnload: function() {          },          /**           * 页面相关事件处理函数--监听用户下拉动作           */          onPullDownRefresh: function() {          },          /**           * 页面上拉触底事件的处理函数           */          onReachBottom: function() {          },          /**           * 用户点击右上角分享           */          onShareAppMessage: function() {          }      })

index.wxml

!--index.wxml--view class='wrapper'  button class='wepay' bindtap='goBaidu'点击跳转/button/view

out.wxml

web-view src="https://www.baidu.com/"/web-view

小程序

小程序

达叔小生:往后余生,唯独有你
You and me, we are family !
90后帅气小伙,良好的开发习惯;独立思考的能力;主动并且善于沟通
简书博客: 达叔小生
https://www.jianshu.com/u/c785ece603d1

结语

  • 下面我将继续对 其他知识 深入讲解 ,有兴趣可以继续关注
  • 小礼物走一走 or 点赞

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎