vue+element-ui循环显示radio控件信息

element-ui循环显示radio控件信息

1. 解决循环显示radio的问题
2. 贴出本次写代码过程中遇到的报错信息

<template>
  <el-form>
      <el-form-item label="线路类型：" >
          <el-radio-group v-model="radio">
              <el-radio :label="item.a" :key="item.a" v-for="item in radio1" >{
    {item.n}}el-radio>
          el-radio-group>
      el-form-item>
  el-form>
template>

<script>
    export default {
     
        data () {
     
            return {
     
                radio:'3',
                radio1:[{
     a:"3",n:'东东'},{
     a:"6",n:'嘻嘻'},{
     a:"9",n:'南岸'}],
                lineList: [],
                portOptions: [],
            };
        }
    }
</script>

效果如下：

遇到的报错信息：

找到原因是因为 直接写了el-form-item而没用 el-form包裹住

今天也要加油鸭，我日渐后移的发际线拜拜喽~~