表单组件
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,
butt

这篇博客详细介绍了微信小程序中如何使用button组件,包括不同类型的按钮、禁用状态、点击效果以及hover-class的自定义样式。此外,还展示了如何通过form组件实现表单的提交和重置功能,并提供了相关事件的处理函数示例,帮助开发者理解微信小程序中的表单交互操作。
最低0.47元/天 解锁文章
1202

被折叠的 条评论
为什么被折叠?



