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

最新推荐文章于 2025-03-29 21:46:31 发布

原创

最新推荐文章于 2025-03-29 21:46:31 发布 · 2.7k 阅读

标签

#vue #radio #select

收录于

本文介绍了在使用Element UI时，Radio组件的值通过label进行绑定，而Select组件则通过value进行绑定。详细阐述了Radio与Select在绑定值上的区别，并提供了Element官方的基础使用方法。

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>