在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue實現(xiàn)checkbox單選的情況下,還要確保之后元素的disabled屬性的

vue實現(xiàn)checkbox單選的情況下,還要確保之后元素的disabled屬性的方法

 <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 的整數(shù),輸入 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只能單選

回答
編輯回答
尕筱澄

兩個checkbox只能單選,你應該用radio做。:disabled綁定對應radio的value。

2017年11月23日 00:43
編輯回答
愿如初

你需要監(jiān)聽兩個checkbox綁定的值,為true,另一個置為false

2017年10月30日 00:52