el-radio如何默认选中
时间: 2023-07-05 13:05:00 浏览: 202
你可以使用 `v-model` 指令来绑定 `el-radio` 组件的值,从而实现默认选择。例如:
```html
<el-radio v-model="selected" label="option1">Option 1</el-radio>
<el-radio v-model="selected" label="option2">Option 2</el-radio>
<el-radio v-model="selected" label="option3">Option 3</el-radio>
```
在 JavaScript 中,你可以将 `selected` 变量初始化为你想要选择的值。例如:
```js
export default {
data() {
return {
selected: 'option1'
};
}
};
```
这样,当组件被渲染时,第一个 `el-radio` 选项会被默认选择。如果你想选择其他选项,可以修改 `selected` 的值为相应的选项标签值(如 `option2` 或 `option3`)。
相关问题
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'
}
}
```
阅读全文