微信小程序学习笔记（1） --- Button按钮配置

微信小程序--Button按钮配置

（1）进入小程序  “可视化”  界面；

（2）选择Button控件，将按钮拖入模拟器页面；

（3）添加 “事件”  在 bindtap 中输入名称：changeMotto ；

 

（4）设置完成后，关闭可视化页面；将在当前界面文件 xxx.wxml 文件中自动生成代码；

             

　　　　 <button style="position: relative; left: 0rpx; top: 111rpx" bindtap="changeMotto">按钮</button>

 

              其中：changeMotto 为控件变量； 按钮 为控件文本名称；

（5）在当前界面文件 xxx.JS 文件中，添加逻辑代码；

//按钮控件；

  changeMotto:function(){

    var num = this.data.motto  + 1;

    this.setData({

      motto:num,     //计数跟新

    });

  },

注：其中我定义 Text 文本控件(motto)，使按钮点击一下，文本计数加1；