从你提供的代码中,我看到你在每个el-form-item上面都使用了v-if条件来判断是否显示该表单项。这样做的问题是,一旦v-if条件不满足,该表单项就会被移除,导致整个表单项的布局错乱。

要解决这个问题,你可以将v-if条件放在el-form上面,而不是每个el-form-item上面。这样,整个表单将根据v-if条件来显示或隐藏。

以下是修改后的代码:

<el-form ref="form" :model="form" :rules="rules" label-width="80px" v-if="form.acTaxPiPersonVo">
  <el-form-item label="姓名" prop="acTaxPiPersonVo.name">
    <el-input v-model="form.acTaxPiPersonVo.name" placeholder="请输入收入" />
  </el-form-item>
  <el-form-item label="证件号码:" prop="acTaxPiPersonVo.identificationNum">
    <el-input
      v-model="form.acTaxPiPersonVo.identificationNum"
      placeholder="请输入收入"
    />
  </el-form-item>
  <el-form-item label="证件类型:" prop="acTaxPiPersonVo.identificationType">
    <el-input
      v-model="form.acTaxPiPersonVo.identificationType"
      placeholder="请输入收入"
    />
  </el-form-item>
  <el-form-item label="工号:" prop="acTaxPiPersonVo.employeeId">
    <el-input v-model="form.acTaxPiPersonVo.employeeId" placeholder="请输入收入" />
  </el-form-item>
  <el-form-item label="收入" prop="income">
    <el-input
      v-model="form.income"
      placeholder="请输入收入"
    />
  </el-form-item>
  <el-form-item label="费用,综合所得申报:" prop="cost">
    <el-input
      v-model="form.cost"
      placeholder="请输入费用,综合所得申报:"
    />
  </el-form-item>
  <el-form-item label="免税收入" prop="taxExemptIncome">
    <el-input
      v-model="form.taxExemptIncome"
      placeholder="请输入免税收入"
    />
  </el-form-item>
  <el-form-item label="其他" prop="other">
    <el-input v-model="form.other" placeholder="请输入其他" />
  </el-form-item>
  <el-form-item label="小计" prop="subtotal">
    <el-input v-model="form.subtotal" placeholder="请输入小计" />
  </el-form-item>
  <el-form-item label="减免税额" prop="reductionTaxAmount">
    <el-input
      v-model="form.reductionTaxAmount"
      placeholder="请输入减免税额"
    />
  </el-form-item>
</el-form>

这样修改后,当form.acTaxPiPersonVo存在时,整个表单才会显示出来。如果form.acTaxPiPersonVo不存在,整个表单将被隐藏。

el-form ref=form model=form rules=rules label-width=80px el-form-item label=姓名 v-if=formacTaxPiPersonVo prop=acTaxPiPersonVoname el-input v-model=formacTaxPiPersonVoname placeho

原文地址: https://www.cveoy.top/t/topic/jeE6 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录