Elementui Radio单选框取消选中
在Element UI中,如果你想要取消掉Radio单选框的选中状态,你可以将绑定到单选框的变量设置为null
或者一个不在选项中的值。这样,就不会有任何单选框被选中了。
以下是一个简单的例子:
<template>
<el-radio-group v-model="radio" @change="handleChange">
<el-radio :label="1">备选项1</el-radio>
<el-radio :label="2">备选项2</el-radio>
<el-radio :label="3">备选项3</el-radio>
<el-radio :label="4">备选项4</el-radio>
</el-radio-group>
<el-button @click="clearSelection">取消选择</el-button>
</template>
<script>
export default {
data() {
return {
radio: null,
};
},
methods: {
handleChange(value) {
console.log(`当前选中的 Radio 的 label 为:${value}`);
},
clearSelection() {
this.radio = null;
}
}
};
</script>
在这个例子中,radio
绑定了单选框组的值,当你点击“取消选择”按钮时,clearSelection
方法会被触发,将 radio
的值设置为 null
,这样就会取消掉所有单选框的选中状态。
评论已关闭