kebi99的博客

在开发中，使用element的 tabel时候，需求是需要根据不同的类型显示不同的表（有共同的表头），所有就是使用了v-if去判断el-table-column每一项的显示隐藏，结果却发现了数据渲染的错误问题；（数据来源都是一样 的），如图切换的表头时候，，数据展示错误了；解决办法：给每个el-table-column项添加唯一的key值，让他渲染显示拥有唯一的key值，因为vue在重新渲染，相同的dom会复用，所以导致了每一项的列还是之前的。...

添加如下样式即可解决：<stylelang="scss">.el-tag--small{height:25px;}</style>

在 使用element这ui组件库的时候，不免经常需要用到表单以及对应的校验规则，对应的在element官网也有对应的例子，哈哈哈，可能是相对简单的吧，在使用表单的校验规则时候我总结事项如下：<el-form-item>里面的prop需要对应你绑定的对应属性值，不然会无效 特殊校验可以借助正则表达式来完成表单校验，像电话，邮箱等等(像电话正则表达式可以借用(/^(13|14|15|17|18)\d{9}$/ ) 有点表单项不是必须填，但是有需要做校验的时候，可以在外部定义方法然后再规则.