elementUI单选多选框动态绑定显示内容和绑定值,挺简单的内容,总是不熟练,小小记录一下。
单选:
<!-- 单选框 -->
<el-radio-group v-model="regionType">
<el-radio v-for="item in regionTypes"
:label="item.label"
:key="item.label">{{item.text}}</el-radio>
</el-radio-group>
多选
<el-checkbox-group v-model="taskList">
<el-checkbox v-for="(item, index) in rainFallPassTimeList"
:key="index"
:label="item.value">{{item.label}}</el-checkbox>
</el-checkbox-group>
data中的数据内容:
data(){
return{
regionType:'',
regionTypes : [
{label:'country',text: '全国'},
{label:'cityRegions',text: '省市'},
{label:'weatherCenterRegions',text: '气象中心'},
{label:'basinRegions',text: '流域'},
{label:'childBasinRegions',text: '子流域'}
],
taskList:[{
label:"过去1日"
value:"Rain08_NowD1"
},{
label:"过去2日"
value:"Rain08_NowD2"
},{
label:"过去3日"
value:"Rain08_NowD3"
}]
}
}