账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue实现checkbox单选的情况下,还要确保之后元素的disabled属性的方法
    36
    0
     <el-checkbox v-model="form.discount" :true-label="1" :false-label="2" @change="resetDiscountValue">全单折扣</el-checkbox>
              </el-col>
              <el-col :span="17">
                <el-form-item prop="discountValue">
                  <el-input v-model="form.discountValue" :disabled="form.discount === 2" placeholder="支持 1 - 100 的整数,输入 80 即为打八折"></el-input>
                </el-form-item>
              </el-col>
              <el-col :span="2" class="tail cw-tc">%</el-col>
            </el-row>
               <div class="schemeDiscount">
               <el-col :span="5">
                <el-checkbox v-model="form.discount2" :true-label="1" :false-label="2">方案折</el-checkbox>
              </el-col>
              <el-select v-model="form.grade" :disabled="form.discount2 === 2">
                <el-option value="" label="全部"></el-option>
                <el-option v-for="item in grades"
                           :key="item.code"
                           :label="item.name"
                           :value="item.code"
                           ></el-option>
              </el-select>
               </div>

    第一个checkbox 选中的时候 后面的Input激活 未选中的时候 不可用
    同理 第二个checkbox之后的select选中时候激活 不选的时候不可用
    两个checkbox只能单选

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ︶拥风〃 普通会员 1楼
      502 Bad Gateway

      502 Bad Gateway


      nginx
    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部