在 Element UI 中，单选框的默认值是通过 v-model 指令与一个变量绑定来实现的。例如，假设您有一个名为 selectedValue 的变量，您可以在单选框中使用 v-model 指令将其绑定到 selectedValue 上，这样当您选择一个选项时，selectedValue 就会自动更新为所选选项的值。
以下是一个示例代码，演示了如何在 Element UI 中使用单选框并设置默认值：
html复制代码
htmlradio设置默认的按钮
<template>
<div>
<el-radio-group v-model="selectedValue">
<el-radio label="Option 1">选项 1</el-radio>
<el-radio label="Option 2">选项 2</el-radio>
</el-radio-group>
<p>选择的值为：{{ selectedValue }}</p>
</div>
</template>
<script>
export default {
data() {
return {
selectedValue: 'Option 1' // 设置默认值为 'Option 1'
}
}
}
</script>
在上面的示例中，我们创建了一个包含两个单选框的组，并将 selectedValue 变量绑定到该组上。我们还设置了 selectedValue 的初始值为 'Option 1'，因此当页面加载时，第一个单选框将默认被选中。当您选择另一个单选框时，selectedValue 将更新为所选选项的值。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。