vue中disabled的使用
vue中disabled的使用
潇潇程序缘 发表于6个月前
vue中disabled的使用
  • 发表于 6个月前
  • 阅读 3
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

摘要: disabled

###disabled <button @click="withdrawMoney()" :disabled="submitDisabled">提交</button>

<script>
    export default{
        ready(){
            this.submitDisabled = false; //初始化为face表示是可以点击的
        },
        data () {
            return {
               submitDisabled:false;//提交按钮是否可点击 false是可点击,true不可点击
            }
        },
        methods:{
            withdrawMoney () {
                if(Number(this.balance)<10){
                    this.setTip({
                        text: '提现金额不得低于10元'
                    });
                    return false
                }
                this.submitDisabled = true //判断条件结束后点击按钮后就禁止再次点击
                this.$http({}).then (res) =>{
                    let data = JsonParse(res.data)
                    if(data.statusCode === 200){
                        
                    }else{
                        //请求数据失败之后可以再次点击
                            this.submitDisabled = false
                    }    
                }
            }
        }
    }
</script>
标签: disabled
共有 人打赏支持
粉丝 1
博文 48
码字总数 8794
×
潇潇程序缘
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: