element-ui中动态切换设置prop无效_element表格prop不显示

作者：从前慢现在也慢 | 2024-02-19 05:07:50

踩

element表格prop不显示


<el-form-item v-if="activeName === 'phone'">
    <el-input v-model="ruleForm.phoneOrEmail"  placeholder="请输入邮箱"></el-input>
</el-form-item>
<el-form-item  v-if="activeName === 'email'" key="3" prop="phoneOrEmail">
    <el-input v-model="ruleForm.phoneOrEmail" placeholder="请输入联系电话"></el-input>
</el-form-item>

在el-form-item加上v-if的后，发现prop失效，解决方案：加上一个key就行了，原理是dom复用

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/112804