vue
文章平均质量分 66
今天拔牙么
月亮很亮,亮也没用,没用也亮
展开
-
vue+echart图表数据切换
vue+echart图表数据切换前言一、效果图二、代码演示1.准备阶段2.HTML片段3.js片段4.css片段总结前言最近有个需求,同一个echart图表点击切换不同数据,花了点时间实现了,感觉比较常用,记录一下方便下次CV自己的。刚看到设计图时想做成tab切换,每个tabContent里放一个图表,先不管切换时会不会出现图表尺寸自适应问题,只是代码就很冗余。后来分析后想,既然图表还是同一种图表,那是不是只切换数据就可以,于是就做成现在这个。一、效果图保函数量:保费收入:担保金额原创 2021-09-26 15:39:18 · 3812 阅读 · 0 评论 -
vue+element+echarts echarts图表自适应宽高的百分比被渲染成具体的px
项目场景:封装自适应的echarts图表在多个页面里复用问题描述:封装了一个自适应的echarts图表组件,在一个页面里没有任何问题,在另一个页面里初始化时宽高90%被渲染成了90px,在调整窗口宽度后变为正常。初始化时效果图,这时候的canvas宽高都是90px:html代码:myEchart是图表组件<el-tabs> <el-tab-pane label="保函统计"> 保函统计 </el-tab-pa原创 2021-07-08 11:24:33 · 1137 阅读 · 0 评论 -
前端组件自动注册
前端组件自动注册前端组件自动注册1.创建一个js文件命名autoRegister.js2.在main.js中引入3.在需要的页面用标签的方式引入4.图解步骤5.SvgIcon 组件(在第一段代码的注释里提到的)前端组件自动注册组件太多的话写一个注册一个确实有点麻烦 ,使用组件全局自动注册的方式吧。1.创建一个js文件命名autoRegister.js在components 里创建一个js文件命名为autoRegister.js。当然也可以命其他名字,但最好是有语义的,方便后期维护时理解全局自动注原创 2021-07-05 15:56:17 · 228 阅读 · 0 评论 -
el-row里的栅格不在同一行
el-row里的el-col不在同一行显示按照elementui文档写的,其他几行都没有问题,有一行里面的col 被分成了两行显示代码如下: <el-row :gutter="20"> <el-col :span="6"> <el-form-item label="分包负责人"> <el-input v-model="form.operatorName" disabled></原创 2021-06-28 16:08:43 · 5235 阅读 · 2 评论