1. 程式人生 > >元件Element中Radio和Select繫結值的屬性區分

元件Element中Radio和Select繫結值的屬性區分

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 選擇器