要将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>

这样,第一个选项就会成为默认选中的值

element-ui单选框默认值设为第一个

原文地址: https://www.cveoy.top/t/topic/hZ0f 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录