[feat][V]:ableList示例

master
Romesum 5 years ago
parent 48a7b16e2c
commit fb391be197

@ -10,7 +10,7 @@
</el-radio-group> </el-radio-group>
</div> </div>
<el-checkbox-group v-model="checkedValue" @change="handleCheckedValueChange" ref="checkBox"> <el-checkbox-group v-model="checkedValue" @change="handleCheckedValueChange" ref="checkBox">
<el-checkbox-button v-for="item in checkOption" :label="item" :key="item" style="width: 52px"></el-checkbox-button> <el-checkbox-button v-for="item in checkOption" :label="item" :key="item" style="width: 52px" :disabled="!ableList.find(elem => elem === item)"></el-checkbox-button>
</el-checkbox-group> </el-checkbox-group>
<el-divider></el-divider> <el-divider></el-divider>
<el-button @click="$emit('add')"></el-button> <el-button @click="$emit('add')"></el-button>
@ -32,6 +32,7 @@
isIndeterminate1:true, isIndeterminate1:true,
isIndeterminate2:true, isIndeterminate2:true,
isIndeterminate3:true, isIndeterminate3:true,
ableList:[1,2,3,4,5,6],
checkOption:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18] checkOption:[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18]
} }
}, },

Loading…
Cancel
Save