在小程序的js中,有个page(),用来注册小程序的一个页面的,接受的是一个object类型的数据;
Page(Object object)
生命周期的一些函数:
Page({
data:{
},
/** 生命周期函数--监听页面加载*/
onLoad: function (options) {
},
/*生命周期函数--监听页面初次渲染完成 */
onReady: function () {
},
/*生命周期函数--监听页面显示, 比如接个电话后又回到了这个页面*/
onShow: function () {
},
/*生命周期函数--监听页面隐藏,和显示一样都是页面切换的时候触发*/
onHide: function () {
},
/*生命周期函数--监听页面卸载*/
onUnload: function () {
},
/* 页面相关事件处理函数--监听用户下拉动作,下拉刷新的时候触发 */
onPullDownRefresh: function () {
},
/* 页面上拉触底事件的处理函数,一般用于懒加载*/
onReachBottom: function () {
},
/*用户点击右上角三个点的分享时触发*/
onShareAppMessage: function () {
}
/*页面尺寸改变时触发*/
onResize: function() {
},
})
自定义事件
<view bindtouchstart="start">触碰</view>
<view bindtap="getData" data-shuju="绑定的数据">点击</view> <!--tap是点击事件, data-XXX任意数据-->
bind使用会冒泡;
catch使用不会冒泡
Page({
start: function() {
}
getData: function(ev) {
// 通过这种方式获取到前端传递过来的数据
console.log(ev.currentTarget.dataset) // {shuju: "绑定的数据"}
}
})
修改Page中data里面的值,使用 setData({})
<view style="width:{{wit}}rpx"></view>
Page({
data: {
name:'kkkk',
wit:300
}
getData: function(ev) {
let names = ev.currentTarget.dataset)
// 获取data值
console.log(this.data.name)
// 设置data值
this.setData({
name:names,
wit:500
})
}
})