el-radio默认选中
时间: 2023-06-28 12:08:27 浏览: 82
要让 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'
}
}
```
vue el-radio默认选中
要让 el-radio 默认选中,可以在 el-radio 组件上绑定 v-model 属性,并将其值设置为 el-radio 的绑定值。例如:
```html
<template>
<el-radio v-model="selected" label="option1">Option 1</el-radio>
<el-radio v-model="selected" label="option2">Option 2</el-radio>
</template>
<script>
export default {
data() {
return {
selected: 'option1' // 设置默认选中为 option1
};
}
};
</script>
```
在上面的代码中,我们将 el-radio 组件的 v-model 绑定到一个名为 selected 的数据属性上,并将其初始值设置为 'option1',这样当页面渲染时,选中的就是 option1。