el-radio 默认选中的属性
时间: 2023-11-08 10:05:12 浏览: 31
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会被默认选中。
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。