elementUi el-radio神奇的:label与label不能设置默认值
在Element UI中,el-radio
组件用于创建单选按钮。当你遇到:label
属性和v-model
绑定时无法设置默认值的问题,很可能是因为你没有正确使用这些属性。
v-model
用于绑定变量,它将变量的值与el-radio
的选中状态保持同步。
:label
属性用于定义该el-radio
的值。
以下是一个简单的例子,展示如何为el-radio
设置默认值:
<template>
<el-radio-group v-model="radio" size="small">
<el-radio :label="1">备选项A</el-radio>
<el-radio :label="2">备选项B</el-radio>
<el-radio :label="3">备选项C</el-radio>
</el-radio-group>
</template>
<script>
export default {
data() {
return {
radio: 2, // 默认选中备选项B
};
},
};
</script>
在这个例子中,radio
变量被设置为2,这意味着在组件加载时,标签为2的el-radio
将默认被选中。
确保你的v-model
绑定的变量在组件的data
函数中被正确初始化,并且每个el-radio
的:label
值都是唯一的。如果你依然遇到问题,请检查是否有其他的代码逻辑干扰,或者是否有错误的使用方式。
评论已关闭