element中一个单选框radio时的选中和取消
warning:
这篇文章距离上次修改已过429天，其中的内容可能已经有所变动。
在Element UI中，单选框（radio）的选中和取消可以通过绑定v-model来实现，并且通过改变绑定的数据来控制选中状态。
以下是一个简单的例子：
<template>
<el-radio-group v-model="radio">
<el-radio :label="1">备选项1</el-radio>
<el-radio :label="2">备选项2</el-radio>
<el-radio :label="3">备选项3</el-radio>
</el-radio-group>
</template>
<script>
export default {
data() {
return {
radio: 1 // 默认选中备选项1
};
}
};
</script>在这个例子中，radio是绑定在el-radio-group上的数据属性，它的值对应于某个el-radio的label值。如果你想要程序化地取消选中，只需将radio设置为其他label值，或者设置为null（如果el-radio组件配置了null为未选中状态）。
例如，取消选中的代码片段可以是：
this.radio = null; // 或者设置为其他不是任何radio的label的值这样就可以实现radio的选中和取消选中。
评论已关闭