表单组件
button
按钮相关的属性,wxml 中的定义
<button size="mini" type="primary" loading="true">按钮</button>
<button size="mini" type="warn" plain="true" bindtap="changeDisabled" hover-class="other-button-hover">启用</button>
<button size="mini" type="primary" disabled="{{disabledBol}}">按钮</button>
为 hover-class 设置的样式,wxss 中的定义
.other-button-hover {
opacity: 0.2;
}
控制按钮是否屏蔽的 js
changeDisabled: function() {
this.setData({
disabledBol: false
})
},
控制的变量
Page({
/**
* 页面的初始数据
*/
data: {
disabledBol: true,
button 的 form-type 属性
wxml 中的代码
<form bindsubmit="subFn" bindreset="resetFn">
<input type="text" name="txtName" />
<button form-type="submit">提交</button>
<button form-type="reset">重置</button>
</form>
js 中的代码
resetFn: function() {
console.log('点击重置了')
},
subFn: function(e) {
console.log('提交表单:', e.detail.value)
},