Keep_Slience的博客

vue组件通信、eventBus

在vue项目的开发中用到了Tabs标签页，但是在这些标签页切换的过程中会出一个问题，就是在echarts容器的宽高设置成百分比的时候 ，echarts图表并不能够完整地撑满整个容器，而是一张压得很扁的一张图，导致出现这种问题的原因就是tab页在切换的过程中，他是通过display:none来实现tab页的显示隐藏，这样的话点击tab页的时候，下面的具体内容部分正处于display:none 这个状态，echarts在获取dom容器时，并不能够准确识别出dom的宽高，进而会出现图表被压扁的情况，解决办法

在工作中碰到了一个需求，就是返回数据在表单里循环显示，在提交的时候就得对表单进行循环校验，但是使用element普通的校验方法是不生效的。需要对el-form-item 设置单独的props和rules。props中items是循环的数组，index是循环的index，后边拼接的是需要校验对象的字段名，rules是校验规则可以再data中设置，校验方式都是一样的，话不多说直接上代码：<el-row :gutter="80" v-for="(shop, index) in form.items