组件Element中Radio和Select绑定值的属性区分
程序员文章站
2022-05-31 13:26:35
...
Radio和Select需要区分以下的是:
在Radio中:
绑定的值是label接收的
<div class="row">
<div class="col-sm-6">
<el-form-item label="医生职称" prop="title">
<el-radio-group v-model="form.title" size="medium">
<template v-for="(item, index) in titles">
<el-radio-button v-bind:label="item.val">{{item.name}}</el-radio-button>
</template>
</el-radio-group>
</el-form-item>
</div>
</div>
在Select中:
绑定的值是value接收的
<div class="row">
<div class="col-sm-6">
<el-form-item label="等级:" prop="level">
<el-select placeholder="请选择" v-model="form.level" style="width: 100%">
<el-option v-for="item in levels"
:key="item.val"
:label="item.name"
:value="item.val">
</el-option>
</el-select>
</el-form-item>
</div>
</div>
注: item取的基于前端接收到的集合
以下是Element官方基础使用方法:
Radio 单选框
Select 选择器
上一篇: HTML获取radio的值