element-ui单选框默认值设为第一个
要将element-ui单选框的默认值设为第一个选项,可以使用v-model指令来绑定一个变量来保存选中的值。然后将这个变量初始化为第一个选项的值即可。
例如,假设你有一个单选框的选项数组如下:
options: [
{ label: '选项1', value: '1' },
{ label: '选项2', value: '2' },
{ label: '选项3', value: '3' }
]
你可以在data中定义一个变量来保存选中的值,并将它初始化为第一个选项的值:
data() {
return {
selectedOption: '1',
options: [
{ label: '选项1', value: '1' },
{ label: '选项2', value: '2' },
{ label: '选项3', value: '3' }
]
}
}
然后在模板中使用el-radio组件来创建单选框,并使用v-model指令来绑定selectedOption变量:
<el-radio-group v-model="selectedOption">
<el-radio v-for="option in options" :label="option.value">{{ option.label }}</el-radio>
</el-radio-group>
这样,第一个选项就会成为默认选中的值
原文地址: https://www.cveoy.top/t/topic/hZ0f 著作权归作者所有。请勿转载和采集!