elementUI 单选框如何回显
时间: 2023-07-26 17:09:40 浏览: 198
在 ElementUI 的单选框组件中,我们可以使用 `v-model` 指令来绑定一个数据对象,用于存储当前选中的值。例如:
```html
<template>
<el-radio-group v-model="selected">
<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>
</template>
```
在这个例子中,我们将 `selected` 绑定到 `el-radio-group` 的 `v-model` 上,表示当前选中的值。当用户选择其中一个选项时,`selected` 会自动更新为所选选项的 `label` 值。
如果要回显单选框的值,我们只需要将 `selected` 的值设置为我们想要回显的值即可。例如,如果我们想回显 "option2",我们可以在组件的 `data` 中设置 `selected` 的初始值为 "option2":
```js
export default {
data() {
return {
selected: 'option2'
}
}
}
```
这样,当组件初始化时,"Option 2" 的单选框就会被选中,并且 `selected` 的值也会被设置为 "option2"。如果需要动态回显不同的值,只需要在 `selected` 中更新为对应的值即可。
阅读全文