小程序实例制作微信-微信小程序web-view实例-微信小程序实例-即速应用

小程序实例制作微信-微信小程序web-view实例-微信小程序实例

浏览量：2562 时间：2020-03-20 来源：达达前端

1.
微信小程序web-view实例
2.index.js
//index.js//获取应用实例constapp=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(){}})
3.index.wxml
!--index.wxml--viewclass='wrapper'buttonclass='wepay'bindtap='goBaidu'点击跳转/button/view
4.out.wxml
web-viewsrc="https://www.baidu.com/"/web-view
5.
6.
7.达叔小生：往后余生，唯独有你Youandme,wearefamily!90后帅气小伙，良好的开发习惯；独立思考的能力；主动并且善于沟通简书博客：达叔小生https://www.jianshu.com/u/c785ece603d1
结语下面我将继续对其他知识深入讲解，有兴趣可以继续关注小礼物走一走or点赞