一个服务仅仅只有界面展示是不够的,还需要和用户做交互:响应用户的点击、获取用户的位置等等。在小程序里边,我们就通过编写 JS 脚本文件来处理用户的操作。
<view>{{ msg }}</view>
<button bindtap="clickMe">点击我</button>
点击button的时候会触发bindtap关联的clickMe方法,
js声明方法,触发时修改msg值,显示为hello world
Page({
clickMe: function() {
this.setData({ msg: "Hello World" })
}
})
事件通过bindtap绑定,可以直接绑定,也可以用数据绑定的方式,不过数据绑定必须要是对应方法名的字符串,不然会失效。
<view bindtap="{{ handlerName }}">
Click here!
</view>
一般在创建完page后自动生成js文件,位于page({})方法内的data中的数据可以通过响应式的交互在前台页面绑定,也可以通过使用this.setData()方法动态绑定
data: {
motto: 'Hello World',
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse('button.open-type.getUserInfo')
},
有关生命周期函数常用的
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
}
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},