el-radio如何默认选中
时间: 2023-07-05 18:05:00 浏览: 175
elementUi vue el-radio 监听选中变化的实例代码
5星 · 资源好评率100%
你可以使用 `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`)。
阅读全文