el-radio-group 默认选中
时间: 2023-04-25 20:05:34 浏览: 168
在使用 el-radio-group 组件时,可以通过设置 v-model 绑定的值来设置默认选中的单选按钮。例如:
<el-radio-group v-model="selectedRadio">
<el-radio label="Option 1"></el-radio>
<el-radio label="Option 2"></el-radio>
<el-radio label="Option 3"></el-radio>
</el-radio-group>
data() {
return {
selectedRadio: 'Option 2'
}
}
这样在页面渲染时,Option 2 单选按钮将被默认选中。
相关问题
el-radio-group默认选中
el-radio-group 默认选中的选项是通过 v-model 来实现的。在引用[3]的例子中,通过将 v-model 绑定到 data 中的 radio 变量,可以设置 el-radio-group 的默认选中项。在例子中,radio 的初始值为 3,所以 el-radio-group 默认选中的选项是 label 值为 3 的备选项。
中的代码片段示例:
```
<template>
<el-radio-group v-model="radio">
<el-radio :label="1">备选项</el-radio>
<el-radio :label="2">备选项</el-radio>
<el-radio :label="3">备选项</el-radio>
</el-radio-group>
</template>
<script>
export default {
data() {
return {
radio: 3
};
}
}
</script>
```
所以 el-radio-group 默认选中的是 label 值为 3 的备选项。
el-radio-group默认选中值
el-radio-group 的默认选中值可以通过设置 el-radio 的 v-model 属性来实现。v-model 绑定的值可以是一个变量,通过设置该变量的初始值来实现默认选中。
比如,如果我们要将默认选中的值设置为 "option1",可以这样写:
```html
<template>
<div>
<el-radio-group v-model="selectedOption">
<el-radio :label="option1">Option 1</el-radio>
<el-radio :label="option2">Option 2</el-radio>
<el-radio :label="option3">Option 3</el-radio>
</el-radio-group>
</div>
</template>
<script>
export default {
data() {
return {
selectedOption: 'option1',
option1: 'Option 1',
option2: 'Option 2',
option3: 'Option 3',
}
},
}
</script>
```
在上面的代码中,selectedOption 的初始值被设置为 'option1',因此默认会选中 "Option 1"。如果你想要设置不同的默认选中值,只需要将 selectedOption 的初始值改为对应的选项值即可。
阅读全文