少哨兵

摘要： 需求：当点击人员部门展开选择人员并编辑人员信息后，理论上编辑成功发送后端并重新渲染树状结构数据，页面的竖状结构如果不是默认全部展开的状态下，是需要重新再次点开才能看到刚刚的编辑操作的，这里我们就需要记录下el-tree 节点操作了。 记录只需要两部即可，第一需要知道绑定展开的节点：:default- 阅读全文

摘要： 我这里用的事件是实例化echart后绑定this.mychart.on(事件，回调)，重新渲染是用的封装后再调用。chartInit() 需要注意点是封装的chartInit 特别是事件绑定，因为和初始化图标配置一起封装在了一起，所以需要调用前先解绑事件或者图标也一并清楚下 this.mychart 阅读全文

摘要： 在折线图表的展示数据中，出现不同数据的点击事件会根据点击的数据生成新的表单（根据事件和当前点击拐点数据请求后端接口渲染新表单） 直接查了echarts的各项配置，发现内置配置是没有这项支持的。这里提供一个更简单的方案： 直接绑定监听图表事件，这样就可以直接获得到当前点击的值： 这种监听除了点击拐点外 阅读全文

摘要： 大屏一般是全屏显示的，但是集成多个大屏菜单如果不用轮播图就需要配置兼容页面了，而且大屏一般都是全屏展示。这就需要菜单可以最小化甚至拖拉拽了。 代码很简单，只要几个配置即可： app.vue <template> <div id="app"> <el-container class="home-con 阅读全文

摘要： 先看最基础对比: 局部注册：在一个要使用的vue组件内： directives: { drag: { ...}, focus: ... directives: { drag: { bind: (el, binding) => { console.log(el); console.log(bindin 阅读全文

摘要： 自定义指令，可以在一个组件内绑定多个自定义指令： 代码： <div v-show="showPlay" style="position:fixed;top:10px;z-index:99999999999;" :style="{width:boxWidth+'px',height:boxHeight 阅读全文

摘要： 需求：一个模板内有多个模块，点击不同组件会添加不同样式到此模块，比如选择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 阅读全文