使用场景：在表单中，利用el-tab来实现tab切换，v-if来控制tab的显示隐藏点击表单的“确定”时，只能验证当前页面的验证规则，不能验证其他的原因：使用v-if：来回用v-if进行数据初始化时，不符合条件的不会生成规则，所以，校验不会生效解决办法： 使用v-show代替v-if ...

最近发现，element-ui表单验证遇到v-if时不生效 比如登录页面可能含有手机号登录和邮箱登录等多种方式 我通过一个属性，比如type来去决定用户使用哪种登录方式，再展示具体表单，发现部分字段无法验证，这是表单复用的一个问题导致。 解决方案有以下3种： 在v-if的元素 ...

element-ui 表单v-if 很多人会遇到无法验证的问题，网上很多是在el-form-item标签前加一个div然后把v-if拿到div上去像这样 这样也有可能不行，其实再套一层div就可以了 ...

fire 读在最前面： 　　1、此文章衔接Vue 虚拟Dom 及 部分生命周期初探，相关整体知识点请先阅读后再继续本文阅读 问：当v-if为true时，会重新渲染相关dom节点吗? <child v-if="true"></child> 点击查看涉案代码 ...

理想这样 显示是这样 slot失效了 显示的是prop的值 解决： 需要在其和其之后的一个显示的组件上添加 :key="Math.random()" 完美搞定 原因： 是因为表格 ...

使用el-form来做表单验证时，有时候选择的条件不同，展示的el-form-item也不一样，这时候就需要控制输入框的展示与隐藏 特别是再tab标签切换的时候遇到最多，每个tab下面显示不通的el-form-item 我使用v-show时，提交表单时会遇到validate验证不通过 ...

项目中使用了v-if的部分在v-if为true时会有无法进行rules的表单验证： 如下图所示：会有小红星号的提示，但是鼠标blur之后不会出现message的提示信息 解决方法： 给使用v-if的部分，增加一个key，并确保key是唯一 ...

-UI el-table-column 使用slot插槽 v-if 报错 ...