element-ui中动态切换设置prop无效

作者: 翔子1987 | 来源:发表于2021-10-23 10:51 被阅读0次

思路：原本是想给el-form-item动态设置prop属性，但是切换之后发现无效，从网上搜寻无果，便想着通过v-if来控制prop的两个属性值，选中时，能验证的展示。

注意，一定要加上key值，否则v-if渲染时，还是无法加上验证，由于dom复用

<!-- 必须使用v-if 和 key -->
<el-form-item v-if="formLand.hasLandDeed === 1" key="3" prop="landPurpose" label="土地证的土地用途">
  <el-input v-model="formLand.landPurpose" :popper-append-to-body="false" :disabled="disabledFlag" maxlength="200" />
</el-form-item>
<el-form-item v-if="formLand.hasLandDeed !== 1" key="4" label="土地证的土地用途">
  <el-input v-model="formLand.landPurpose" :popper-append-to-body="false" :disabled="disabledFlag" maxlength="200" />
</el-form-item>