1. 基本用法：
<button bindtap="handleTap">Click me</button>
Page({
handleTap: function () {
console.log('Button clicked!');
}
})
2. 按钮类型：
button 支持不同的类型，通过 type 属性指定，常用的类型包括：
- default：默认类型，普通按钮。
- primary：主要按钮，通常用于突出显示主要操作。
- warn：警告按钮，通常用于表示删除或警告性操作。
<button type="primary">Primary Button</button>
<button type="warn">Warn Button</button>
3. 尺寸：
button 支持不同的尺寸，通过 size 属性指定，常用的尺寸包括：
- default：默认尺寸。
- mini：小尺寸。
<button size="mini">Mini Button</button>
4. 禁用状态：
通过 disabled 属性可以设置按钮的禁用状态。
<button disabled>Disabled Button</button>
5. 开放能力：
button 组件支持一些开放能力，例如打开新页面、触发客服消息等。通过 open-type 属性指定开放能力类型。
<button open-type="contact">Contact Button</button>
6. 表单提交：
在表单中，可以使用 form-type 属性将 button 标记为提交按钮。
<form bindsubmit="formSubmit">
<!-- 表单内容 -->
<button form-type="submit">Submit Form</button>
</form>
Page({
formSubmit: function (event) {
console.log('Form submitted:', event.detail.value);
}
})
以上是关于微信小程序 button 组件的一些基本用法和属性。button 组件通常用于触发用户交互，可以根据具体的业务需求设置不同的类型、尺寸和功能。
转载请注明出处：http://www.zyzy.cn/article/detail/801/微信小程序