switch 是微信小程序中的一个表单组件,用于表示开关状态。以下是一个简单的 switch 示例:
<view class="container">
  <switch checked="{{switchValue}}" bindchange="switchChange" />
  <text>开关状态:{{switchValue ? '打开' : '关闭'}}</text>
</view>

在对应的 .js 文件中,你需要定义 switchValue 和 switchChange 函数:
Page({
  data: {
    switchValue: false,
  },

  switchChange: function (e) {
    const value = e.detail.value;
    this.setData({
      switchValue: value,
    });
  },
});

在这个示例中,switch 组件的 checked 属性表示开关的状态,通过 bindchange 绑定了 switchChange 函数。当用户切换开关状态时,会触发 switchChange 函数,通过 e.detail.value 获取开关的新状态,并将其更新到 switchValue 中,以便在页面上反映当前的开关状态。

你可以根据实际需求调整 switch 的属性,例如设置默认的开关状态、更改开关的样式等。这个组件通常用于需要用户进行二选一选择的场景。


转载请注明出处:http://www.zyzy.cn/article/detail/810/微信小程序