根据一个属性判断当前按钮的状态是否禁用

描述:级联选择框通过v-model绑定了一个数组selectedCateKeys用来存放已选中的选项id,只有选择了三级分类才能添加"动态参数"和"静态属性",所以判断selectedCateKeys的长度是否等于3

computed:{

    // 如果按钮需要被禁用则返回true 否则返回false

<el-tabs v-model="activeName" @tab-click="handleTabClick">
        <el-tab-pane label="动态参数" name="first">
          <el-button type="primary" size="mini" :disabled="isBtnDisable">添加参数</el-button>
        </el-tab-pane>
        <el-tab-pane label="静态属性" name="second">
          <el-button type="primary" size="mini" :disabled="isBtnDisable">添加属性</el-button>
        </el-tab-pane>
      </el-tabs>



computed:{
    // 如果按钮需要被禁用则返回true 否则返回false
    isBtnDisable(){
      if(this.selectedCateKeys.length !== 3 ){
        return true
      }
      return false
    }
  },



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值