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>