![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
一只小菜鳥
这个作者很懒,什么都没留下…
展开
-
使用eventBus实现vue组件间通信
vue组件通信、eventBus原创 2022-07-15 15:16:17 · 517 阅读 · 0 评论 -
element中Tabs标签页切换echarts绘制宽高异常
在vue项目的开发中用到了Tabs标签页,但是在这些标签页切换的过程中会出一个问题,就是在echarts容器的宽高设置成百分比的时候 ,echarts图表并不能够完整地撑满整个容器,而是一张压得很扁的一张图,导致出现这种问题的原因就是tab页在切换的过程中,他是通过display:none来实现tab页的显示隐藏,这样的话点击tab页的时候,下面的具体内容部分正处于display:none 这个状态,echarts在获取dom容器时,并不能够准确识别出dom的宽高,进而会出现图表被压扁的情况,解决办法原创 2021-03-11 10:21:44 · 636 阅读 · 0 评论 -
Vue项目中element表单的循环校验
在工作中碰到了一个需求,就是返回数据在表单里循环显示,在提交的时候就得对表单进行循环校验,但是使用element普通的校验方法是不生效的。需要对el-form-item 设置单独的props和rules。props中items是循环的数组,index是循环的index,后边拼接的是需要校验对象的字段名,rules是校验规则可以再data中设置,校验方式都是一样的,话不多说直接上代码:<el-row :gutter="80" v-for="(shop, index) in form.items原创 2020-11-09 11:03:44 · 2783 阅读 · 0 评论