vue之v-for遍历下拉框select和单选框组radio-group

1、v-for遍历下拉框

    <el-form-item label="审核状态:" prop="status">
        <el-select v-model="listQuery.status" clearable filterable placeholder="请选择状态" >
          <el-option
            v-for="item in auditDate"
            :key="item.itemCode"
            :label="item.itemName"
            :value="item.itemCode" />
        </el-select>
      </el-form-item>

给select添加filterable属性表示可搜索，添加clearable属性表示可清空。添加disabled属性，则表示不可用。

注意：将el-select标签中添加style="width: 100%;"，这样下拉框的宽度就能达到最长，而不应该设置为具体的宽度，否则不同的分辨率会出现下拉框长度不一致的情况。

 

2、v-for遍历单选框组radio-group

   <el-form-item label="是否有医保：">
       <el-radio-group v-model="addForm.isMedicare">
           <el-radio v-for="item in isMedicareList" :key="item.dictId" :label=item.dictId>{{item.dictName}}</el-radio>
       </el-radio-group>
   </el-form-item>