element-ui中动态切换设置prop无效
2021-10-23 本文已影响0人
翔子1987
思路:原本是想给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>