526互联

vue中el-select，el-radio-group设置默认值

发布时间 2023-03-29 17:03:59作者: DDD-SagerKing

首先来说设置默认值是用v-model去绑定一个值，

如下，一般大家用label是来展示具体展示在前端的文字，value是这组对象里每个对象的标识。

打个比方item.label是姓名，item.value是学号，学号不在前端展示。这样的话，v-model绑定的字符串对象写item.label的值。

   <el-radio v-for="item in XXXXXX"  :key="item.value"
                        :label="item.label"
                        :value="item.value" ></el-radio>

　　换一种写法用插值表达式来在前端展示label

<el-radio v-for="item in xxxxxxx" :key="item.Value"
                        :label="item.value">{{item.label}}</el-radio>

　　使用插值写法展示要在前端展示的字段，:label绑的是item.value，这个时候v-model绑定的对象是item.value的值