el-radio 默认选中的属性
时间: 2023-11-08 15:05:12 浏览: 94
el-radio 默认选中的属性为 `false`,即不选中。 若要默认选中,可以设置 `v-model` 的值为对应的选项值。例如:
```html
<el-radio v-model="radio" label="选项1">选项1</el-radio>
<el-radio v-model="radio" label="选项2">选项2</el-radio>
<el-radio v-model="radio" label="选项3">选项3</el-radio>
<script>
export default {
data() {
return {
radio: '选项1'
};
}
};
</script>
```
以上代码中,`radio` 的初始值为 `'选项1'`,因此默认选中了第一个选项。
相关问题
el-radio默认选中
要让 el-radio 默认选中,可以在 el-radio 组件中使用 `v-model` 指令来绑定一个变量。将这个变量初始化为选中状态即可实现默认选中。例如:
```
<el-radio v-model="radio" :label="1">选项1</el-radio>
<el-radio v-model="radio" :label="2">选项2</el-radio>
<el-radio v-model="radio" :label="3">选项3</el-radio>
<script>
export default {
data() {
return {
radio: 1 // 初始化为选中状态
};
}
}
</script>
```
在上面的代码中,当页面加载时,选项1会被默认选中。
el-radio 默认选中
要使 el-radio 默认选中,需要设置它的 v-model 值为选中的值。例如,如果你想让名为 "option1" 的 el-radio 默认选中,可以这样写:
```
<el-radio v-model="selectedOption" :label="option1">Option 1</el-radio>
```
在组件的 data 中,将 selectedOption 设置为 option1 即可:
```
data() {
return {
selectedOption: 'option1'
}
}
```
阅读全文