元件Element中Radio和Select繫結值的屬性區分
阿新 • • 發佈:2019-01-08
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 選擇器