問題描述

使用element el-form組件時，發(fā)現(xiàn)表單的第一項沒有計入；用vue-tools查看時，el-form里有10個item，但是長度卻為9

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

出現(xiàn)的背景是綁定了rules,model，目前我的處理方式是加了一個不顯示的空el-form-item

相關代碼

         <el-form v-if="dialogRadio==1" :model="replyForm" v-loading="listLoading">
          <el-form-item>
            <el-input v-model="replyForm.reply"  type="textarea" resize="none" :rows="4" ></el-input>
          </el-form-item>
        </el-form>
          <!--*********處理一個小問題
              表單第一項沒有到rules里，所以添加一個空項************************-->
        <el-form v-else  :model="demandForm"  ref="demandForm" label-width="130px" :rules="rules" v-loading="listLoading" status-icon>
          <el-form-item v-if="false">
            <el-input type="hidden"></el-input>
          </el-form-item>
          <el-form-item label="聯(lián)系單位" prop="companyName" style="width: 70%">
            <el-input v-model="demandForm.companyName"  maxlength="30"></el-input>
          </el-form-item>
          <el-form-item label="聯(lián)系人" prop="contacts" style="width: 45%; display: inline-block">
            <el-input v-model="demandForm.contacts"  maxlength="30"></el-input>
          </el-form-item>
          <el-form-item label="手機/固話" prop="mobile" style="width: 45%; display: inline-block" >
            <el-input v-model="demandForm.mobile"  maxlength="30"></el-input>
          </el-form-item>
          <el-form-item label="需求描述" prop="description">
            <el-input v-model="demandForm.description" :rows="3" resize="none" type="textarea" maxlength="1000"></el-input>
          </el-form-item>
          <el-form-item label="項目名稱" prop="projectName" style="width: 70%" >
            <el-input v-model="demandForm.projectName" maxlength="30"></el-input>
          </el-form-item>
          <el-form-item label="交付類型" prop="putTypeArr">
            <el-checkbox-group v-model="demandForm.putTypeArr" >
              <el-checkbox label="1">項目方案</el-checkbox>
              <el-checkbox label="2">配置清單</el-checkbox>
              <el-checkbox label="3">設計圖紙</el-checkbox>
            </el-checkbox-group>
          </el-form-item>
          <el-form-item label="交付時間" prop="expectTime" style="width: 45%; display: inline-block">
            <el-input v-model="demandForm.expectTime"  maxlength="30"></el-input>
          </el-form-item>
          <el-form-item label="項目費用" prop="budget" style="width: 45%; display: inline-block" >
            <el-input v-model="demandForm.budget"   maxlength="9" type="number"></el-input>
          </el-form-item>
          <el-form-item label="客服聯(lián)系人" prop="serviceName" style="width: 45%; display: inline-block">
            <el-input v-model="demandForm.serviceName"  maxlength="30"></el-input>
          </el-form-item>
          <el-form-item label="客服聯(lián)系手機" prop="serviceMobile" style="width: 45%; display: inline-block" >
            <el-input v-model="demandForm.serviceMobile"></el-input>
          </el-form-item>
        </el-form>

你期待的結果是什么？實際看到的錯誤信息又是什么？

如果我把type=hidden這項去掉的話，‘聯(lián)系單位’這一項是沒有被包含在el-form里面的，導致的結果是rules對這一項沒有用；
目前沒有發(fā)現(xiàn)其他小伙伴有這個問題。代碼如果有錯誤的話還請小伙伴提出來。