问答

vant提交按钮点击后如何修改状态

作者:admin 2021-06-25 我要评论

为什么self.isdisabled=true;不能立即把按钮状态改为禁用!?如何立即生效,防止重复提交 van-button round block type="info" native-type="submit" style="mar...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

为什么self.isdisabled=true;不能立即把按钮状态改为禁用!?如何立即生效,防止重复提交

 
 <van-button round block type="info" native-type="submit" style="margin-top: 5px;" :disabled="isdisabled" >
                文库下载
            </van-button>
 

 onSubmit_wenku(values) {
                var self=this;
                self.isdisabled=true;
 
                //优化校验逻辑
                ajaxPostNoAsyncJson("/Wenku", values, function (datastr) {
                    self.SmsCount = datastr.SmsCount
                    if (datastr.state == true) {
 
                        vant.Dialog.alert({
                            message: datastr.msg,
                        }).then(() => {
                            
                            self.onLoadMydown();
                        });
                        self.wenku_url = ""
                    } else {
                        
                        vant.Dialog.alert({
                            message: datastr.msg,
                        }).then(() => {
                            self.$refs.wenku_url_html.focus();
                        });

                    }
                    self.isdisabled=false;
                })


            },

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • PHP的use 的 前提是包中的文件需要提前

    PHP的use 的 前提是包中的文件需要提前

  • 为什么分布式项目中需要分布式锁,而普

    为什么分布式项目中需要分布式锁,而普

  • mysql高效查询评论及回复内容,并且分

    mysql高效查询评论及回复内容,并且分

  • tp5 数据库查询  如何进行多对多查询

    tp5 数据库查询 如何进行多对多查询

腾讯云代理商
海外云服务器