02 2022 档案
摘要：需求：一个模板内有多个模块，点击不同组件会添加不同样式到此模块，比如选择a图表的配置，再点击九宫格第一格时加载a图表到第一格，选择b图表后，点击会覆盖第一个原有的，或者选择第二个区域格会加载b图表到第二格，第一格的已添加样式不会受影响。 直接上代码：(为了突出逻辑，vue模板没有用v-for等缩减，
阅读全文
摘要：需求：配置图标项，根据配置实时展示更改的数据-实时刷新图表。 因为图表是被封装到组件中，所以用到了实时刷新组件的方法： 实时刷新组件有三个常用方法： 1：利用v-if 这个不优雅，不推荐使用： <template> <third-comp v-if="reFresh"/> </template> <
阅读全文
摘要：echart图表在vue中使用时，因为id是唯一值，所以一般去封装好后在同一时间同一个页面中同时使用一个组件会出现只渲染一个组件的问题，这个原因就是因为echart读取id来进行 option初始化时候不能重复使用。 所以解决这个问题就从这里出发： 思路：在复用封装好的组件时候绑定不同的id即可。
阅读全文
摘要：为了方便快速搭建项目，这里只做最原始的布局搭建和路由配置，剩下的可以在此基础进行细致跳转和填充，目的是最快的拉去最原始拿来即用的架子。 首先：vue create yourproject 安装好，如果没有router 就下载router, 下载elemnt-ui 然后直接使用以下代码即可： 配置ma
阅读全文
摘要：用vue和element开发的一套日历系统，日历内包含所筛选时间的具体时间事宜和数据。发现element自带的calandar组件没有支持跨两个月时间选择的支持。 于是自制了一个，实现思路很简单： 1：利用ement 时间区间选择控件，把所选时间区间依次排开放到一个数组内. 2：遍历数组，进行渲染，
阅读全文
