uniapp 的switch按钮是默认点击后就切换状态的,但是有时需要根据业务需求提前进行业务流程判断后再提示开关启闭状态。
比如,我有个开关是开启用户信息采集的,点击开关后需要弹框等在用户确认后在更改开关状态,但是默认情况下,你点击后无论如何,开关状态都会改变。
解决方案:禁用掉switch的点击事件,通过变量双向绑定控制开关的状态
以下是简单示例:
<view @click="statusSwitch()">
<switch :checked="status" disabled />
</view>
<script>
export default {
data() {
return {
status:false
}
},
methods: {
statusSwitch() {
//此处写业务逻辑
//......
this.status= !this.status;
},
}