我有两个el-checkbox,当我其中一个是默认禁用但是没有勾选,当我点击另外一个时,此时禁用的el-checkbox也默认勾选,应该怎么实现?
时间: 2024-04-30 19:19:55 浏览: 141
你可以在另外一个el-checkbox的点击事件中,通过修改数据来控制禁用的el-checkbox的勾选状态,具体实现如下:
```html
<template>
<div>
<el-checkbox v-model="checkbox1" :disabled="true">禁用的checkbox</el-checkbox>
<el-checkbox v-model="checkbox2" @click="handleClick">可用的checkbox</el-checkbox>
</div>
</template>
<script>
export default {
data() {
return {
checkbox1: false,
checkbox2: false
};
},
methods: {
handleClick() {
// 如果禁用的checkbox没有勾选,则勾选它
if (!this.checkbox1) {
this.checkbox1 = true;
}
}
}
};
</script>
```
在这个例子中,我们通过给禁用的el-checkbox绑定一个`checkbox1`数据来控制它的勾选状态,然后在另一个可用的el-checkbox的点击事件中,判断禁用的el-checkbox是否勾选,如果没有勾选,则将其勾选。这样就能实现在点击另一个el-checkbox时,禁用的el-checkbox也默认勾选的功能了。
阅读全文