el-radio-group 取消选择
时间: 2023-10-06 19:13:19 浏览: 73
要取消 el-radio-group 组件的选择,你可以使用 v-model 绑定的属性将其值设置为 null 或者空字符串。例如,如果你的 v-model 属性为 selectedValue,你可以在代码中将其设置为 null 或 ''。这样就会取消选择。具体示例代码如下:
```html
<template>
<el-radio-group v-model="selectedValue">
<el-radio :label="1">Option 1</el-radio>
<el-radio :label="2">Option 2</el-radio>
<el-radio :label="3">Option 3</el-radio>
</el-radio-group>
<el-button @click="clearSelection">Clear Selection</el-button>
</template>
<script>
export default {
data() {
return {
selectedValue: null
};
},
methods: {
clearSelection() {
this.selectedValue = null;
}
}
};
</script>
```
在上面的示例中,通过点击 "Clear Selection" 按钮来取消选择 el-radio-group 组件中的选项。当点击按钮时,clearSelection 方法会将 selectedValue 设置为 null,从而取消选择。