微信小程序的事件绑定、接收参数、示例

注1:小程序中请求处理方法是不能传递参数,正确方式:通过data-xxx属性传递参数,再通过事件源获得参数 注2:小程序中默认绑定为单向绑定 错误 <button bindtap="handletap(-1)" 正确 <button bindtap="handletap" data-number="{ {-1}}"

正解:传递固定值-1 data-number="{ {-1}}" 还可以绑值 data-number="{ {n}}"

再从事件对象中获取 e.currentTarget.dataset.number

我们可以通过bindinput方法,来实现双向数据绑定。

原理:我们使用bindinput事件来获取input的输入值,然后根据dataset获取要跟 data数组里的对象进行数据绑定 具体写法 //1.在data中定义dataList属性,并在其中定义要双向绑定的属性名 //2.定义bindInput方法 //3.<input class="input" bindinput="bindInput" data-name="username" placeholder="请输入帐号" auto-focus/> bindInput(e) { console.log("bindInput"); //debugger // 表单双向数据绑定 var that = this; var dataset = e.target.dataset; // data-开头的是自定义属性,可以通过dataset获取到,dataset是一个json对象 var name = dataset.name; var value = e.detail.value;

//接收参数 Page({ onLoad: function(options) { //小程序Data的赋值必须使用setData方法,错误:this.Data.title=xxx; this.setData({ title: options.title }) } })

经验分享 程序员 微信小程序 职场和发展