el-radio-group绑定bool类型的参数
时间: 2024-10-09 15:11:16 浏览: 26
`el-radio-group`是Element UI库中的一个组件,用于创建一组单选按钮。如果你想通过布尔类型(Boolean)的参数控制其显示或隐藏,通常的做法是将这个布尔值绑定到radio-group的disabled属性上。
例如,如果你有一个变量`isDisabled`,它的值可以是true或false:
```html
<template>
<el-radio-group v-model="selectedOption" :disabled="isDisabled">
<el-radio label="option1">Option 1</el-radio>
<el-radio label="option2">Option 2</el-radio>
<!-- 更多选项 -->
</el-radio-group>
</template>
<script>
export default {
data() {
return {
isDisabled: false, // 初始设置为false,表示启用状态
selectedOption: '', // 初始化选择的值
};
},
};
</script>
```
在这个例子中,当`isDisabled`为`true`时,所有radio按钮都会处于禁用状态,用户无法点击它们;如果`isDisabled`为`false`,则正常工作。
阅读全文