微信小程序web-view实例
2023-09-11 14:16:53 时间
微信小程序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 点赞
相关文章
- JavaScript图形实例:SierPinski三角形
- ajax与HTML5 history pushState/replaceState实例
- JS JSOP跨域请求实例详解
- Baum Welch估计HMM参数实例
- 微信小程序 - 满意度调查评价功能,表情图片打分评分组件(非星星评分组件,类似抖音商品满意度好评、中评、差评评价功能)代码干净整洁注释详细无 BUG,无任何第三方插件依赖,完整功能实例源码插件
- oracle listagg函数、lag函数、lead函数 实例
- python的模块future用法实例解析
- 《AngularJS高级程序设计》——1.4 从哪里可以获得实例代码
- 《HTML5 开发实例大全》——1.2 在页面中输出一段文字
- 《Unity 3.x游戏开发实例》——1.11节别停下来——享受一下
- 微信小程序之自定义模态弹窗(带动画)实例
- 静态变量、静态块、成员变量、构造函数在类实例化时执行顺序
- Vue3+elementplus搭建通用管理系统实例十二:使用通用表格、表单实现对应功能
- Python实例---模拟微信网页登录(day5)
- Python实例---模拟微信网页登录(day3)
- 微信小程序 | 微信公众平台SpringBoot开发实例 │ 模板消息的应用开发
- 回溯法实例详解(转)