微信小程序（七）

button

主要属性size（默认宽度100%），type（样式），plain（镂空），loading（在跟后台交互的时候可以显示），form-type（submit/reset，提交表单或重置表单）

按钮
按钮
按钮
按钮
按钮
按钮
按钮

checkbox

lable可以与checkbox一起使用，通过for控制checkbox选中状态。checkbox需要checkbox-group。

//js
checkboxData:[
      { id:'1001',name: "中国", value: 'v中国', disabled: false, color: 'red', checked: true},
      { id: '1002',name: "美国", value: 'v美国', disabled: false, color: 'green', checked: false },
      { id: '1003',name: "俄罗斯", value: 'v俄罗斯', disabled: false, color: 'blue', checked: false },
    ]
    
change:function(e){
    console.log(e.detail.value)//可以获得当前checkbox中选中的value
  }    
//wxml

    
      {{item.name}}
    

点击测试

form

在form中要有button提交，button重置，这两个按钮点击会触发bindsubmit，bindreset绑定的事件，注意form表单中的控件需要有name，不然e.detail.value中是没有值的。

//js
formSubmit:function(e){
      debugger
  },
  formReset:function(){
    console.log("重置")
  }

//wxml

  
      
        {{item.name}}
      
  

  提交
    重置