<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/微信小程序