欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

组件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 单选框 

组件Element中Radio和Select绑定值的属性区分


 

Select 选择器 

组件Element中Radio和Select绑定值的属性区分

组件Element中Radio和Select绑定值的属性区分 

相关标签: vue radio select