使用vant的switch组件设置了disable属性,仍能触发click事件的解决办法

使用switch组件设置了disable:true属性后,组件变灰但点击仍然会触发click事件

可能的原因:

异步更新:vue在处理数据更新时会使用用异步更新队列,会先触发click事件,即使disable为true。

解决办法:

一、使用@change事件代替click

        change事件通常在值发生变化后触发,disable:true组件禁用时点击就不会触发事件处理

二、在click事件内部,加上一个if判断当前组件是否为禁用

 

methods: {
    onSwitch() {
        if (disabled) {
            return false;
        }
    },
},
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值