在vue中使用element-ui,el-radio使用v-for循环显示
el-radio使用v-for循环显示HTML:<el-radio-group v-model="AuthoCheck"><el-radio v-for="item in authTypeList":key="item.id" :label="item.value">{{item.value}}</el-radio></el-radio-group>
·
el-radio使用v-for循环显示
HTML:
<el-radio-group v-model="AuthoCheck">
<el-radio v-for="item in authTypeList"
:key="item.id" :label="item.value">
{{item.value}}
</el-radio>
</el-radio-group>
javaScript:
.....
data () {
return {
AuthoCheck: '',
authTypeList: [{id:1,value:'北京'},{id:1,value:'湖南'}]
}
}
其中,AuthoCheck是单选选中的值,authTypeList是可选的单选选项列表
备注:el-radio要添加:label,否则点一个单选按钮的时候,所有单选按钮都会选中
更多推荐
已为社区贡献2条内容
所有评论(0)