码迷,mamicode.com
首页 > 其他好文 > 详细

class 动态控制 按钮禁用 vant组件

时间:2020-06-18 16:13:50      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:https   网址   原来   state   bsp   显示   ati   长度   参考   

 
 
<div style="margin: 16px;">
      <van-button :disabled="ActivityInfo.MaxFilesCount<applyList.length?true:false"  :class="{btnBg:btnState}" round block type="info" class=‘btnposition‘ native-type="submit"  @click=‘NewAddInfo‘ v-if="ActivityInfo!=null">
        {{newaddbtn}}
      </van-button>
    </div>
//判断   上传的数量<总数量的时候   还可以继续上传  true  表示不禁用  false禁用
技术图片

 

computed:{
       btnState(){         //上传的长度<总长度    返回值是true  显示原来的颜色     返回值false   显示.btnBg颜色
           return  this.ActivityInfo.MaxFilesCount<this.applyList.length
       }
   },
技术图片

 

.btnBg{
background:rgb(29, 28, 28);
}
技术图片

 技术图片

 

 

 

class 动态控制 按钮禁用 vant组件

标签:https   网址   原来   state   bsp   显示   ati   长度   参考   

原文地址:https://www.cnblogs.com/maibao666/p/13157814.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!