随笔分类 - vue
摘要：花了几天用 vue3+ vite2+ element-plus+ ts 搭了个 极简版骨架型数据管理系统，使用静态数据模拟动态路由，路由拦截，登录页面鉴权等，使用了iconify字体图标，整合了cesium,openlayers二三维开发包 (大致步骤) 1、 安装vite 第一步当然是vite安装
阅读全文
摘要：子曰：“工欲善其事，必先利其器”, 编码必须的就是有一个顺手的ide，然而光有还不行，还要懂得配置，毕竟不同的团队代码规范不同，如目前用得较多的就是eslint，今天就顺便记录下vscode + eslint 配置代码检测 文章目录 一、安装 Eslint 二、安装 Prettier-Code fo
阅读全文
摘要：一直以来项目都使用他人开发的组件，于是乎自己也想倒腾着做一个，发布到npm 在其他项目里直接使用，这个组件上传和纯js 还是有一定区别的，在这个过程中也遇到了一些小问题，网上找了许多案例，都不是太全面，趁有时间自己记录一下 参考网上大佬案例改装一个适合自己需求的运动的时间刻度 一、项目创建 首选是创
阅读全文
摘要：近来遇到一项目有一侧边工具菜单，在鼠标mouseenter事件打开对应的详细操作列表，当mouseleave时进行关闭，然操作列表中有一个select , 每当鼠标移入select options 时整个详细列表就隐藏了, 看如下截图 看在鼠标移入select options之前: 一切正常 看在鼠
阅读全文
摘要：今日项目需要一个详细的权限配置，如：路由权限，页面tabs权限，操作权限；而路由权限大都知道就不赘述，而操作权限这就涉及页面中每个按钮了，这里使用VUEX进行管理 1.配置store store 中 user.js 配置如下 const mutations = { SET_PERMISS_ARR:
阅读全文
摘要：如题项目有需求将一个页面导出为pdf,然而页面中的图片却始终无法导出成功 文章目录 一、导出的方法 二、初步测试的结果 三、使用f12查找原油 四、方案一 五、方案二 六、方案三 七、完整代码 1、使用XMLHttpRequest进行图片二次下载 2、转换页面的图片 3、html2canvas执行下
阅读全文
摘要：vue CLI 用起来的确很舒服，方便省事，但他经过层层封装很难明白，执行完那个npm run serve/build 后他都干了些什么，甚至不知道整个项目是怎么跑起来的，今天自己抽时间就去瞅瞅,为加深记录特此记录记录 【声明】纯属个人学习推敲，有不对的地方欢迎指正，我们一起讨论共同学习一起进步 文
阅读全文
摘要：开发中是否会遇见在一个页面中加载的table的列是不固定的，列名需要根据后台数据而动态加载；so element ui 的table 已经不再满足需求，我们得在他的基础上再次封装 增加 refactor_table.vue 组件 <template> <el-table :data="tableDa
阅读全文
摘要：前段时间 使用h5搞了个用cesium.js做的地图服务功能，后来想整合到vue项目，当然最简单的就是iframe直接拿来用了。 但html和vue的方法交互就是成了问题，vue调用html种方法还好，尤其是html调用vue中的方法当初就没有解决，忙着项目上线直接搞了个setInterval不停轮
阅读全文
摘要：使用echarts 打印饼图，在pc没问题，但一到移动端问题就来了，由于屏幕过小，导致label部分被遮挡 一、问题分析 如上图这个就尴尬了，囧么办呢？ 还好echarts 提供了formatter方法 二、修改前代码块 series: [ { name: seriesName || '数据来源',
阅读全文
摘要：开发中使用css 伪类 是再常见不过的事情了，运用好了能轻松实现许多复杂的样式，大大减少使用图片消耗带宽的问题，今天我们就使用伪类来实现登录框的四角样式 html代码如下 <div class="form backLoginForm"> <el-form :model="formData" ref=
阅读全文
摘要：Vue+Element中Table懒加载，新增、删除操作后手动更新 今天开发一个自动分类管理系统中行业类型管理，使用table tree 进行节点懒加载，遇到的问题是：使用load 进行懒加载后在tableData中是取不到子节点数据，所以在为某个节点新增了子节点后无法实现刷新，想到使用刷新真个ta
阅读全文
