2021年9月1日
Loading chunk {n} failed问题
摘要： 原文：https://segmentfault.com/a/1190000016382323 vue-router错误处理函数 router.onError((error) => { const pattern = /Loading chunk (\d)+ failed/g; const isChu 阅读全文
posted @ 2021-09-01 17:13 xingba-coder 阅读(478) 评论(0) 推荐(0) 编辑
css3 nth-child选择前几个元素，选择某段区间元素
摘要： /* 选择前8个元素 */ .box:nth-child(-n+8){} /* 选择第2个元素到第5个元素 */ .box:nth-child(-n+2):nth-child(n+5){} 阅读全文
posted @ 2021-09-01 11:54 xingba-coder 阅读(406) 评论(0) 推荐(0) 编辑
element-ui 在组件上绑定click事件无效问题
摘要： 在不是原生组件或原生标签上添加事件若无效则加上 .native 修饰符 <!-- 无效 --> <el-row @click="handleClick"></el-row> <!-- 有效 --> <div @click="handleClick"></div> <el-row 阅读全文
posted @ 2021-09-01 11:47 xingba-coder 阅读(755) 评论(0) 推荐(0) 编辑
父组件监听子组件生命周期
摘要： @hook:created="listenCreated" @hook:mounted="listenMounted" 父组件： 子组件： 效果： 阅读全文
posted @ 2021-09-01 11:03 xingba-coder 阅读(69) 评论(0) 推荐(0) 编辑
2021年8月17日
vue实现简易瀑布流
摘要： 实现效果 1、不同屏幕尺寸下根据可视区域宽度判断 应该 放几列，这里用onresize演示 2、鼠标滚动到已加载数据的底部时再次请求数据，重新计算哪一列高度最小，push到最小的那一列 实现思路 1、瀑布流的盒子使用flex布局，每一列column的间距相等 2、获取数据，根据可视区域的宽度判断需要 阅读全文
posted @ 2021-08-17 22:12 xingba-coder 阅读(4761) 评论(3) 推荐(1) 编辑
2021年7月9日
当菜单位置、层级发生变化时，重新计算菜单位置对应的路径
摘要： 场景 系统有多个菜单及子菜单；假如菜单2进入到子菜单2-1的代码是 this.$router.push(子菜单的路径)；此时将菜单2的子菜单2-1移动到菜单1下面，那么之前的this.$router.push(子菜单的路径)中子菜单路径就需要变化，需要重新计算子菜单的位置。 例如： 菜单1下有个子菜 阅读全文
posted @ 2021-07-09 18:24 xingba-coder 阅读(295) 评论(0) 推荐(0) 编辑
2021年6月2日
给textarea添加行号，textarea使用代码风格的一些思考
摘要： 背景 项目有个需求是 在textarea中编辑脚本并显示为代码风格样式，显示行号； textarea显示行号 思路： 1、监听textarea内容变化，执行一个change函数，解析内容里面有多少个换行符，根据换行符数量生成一个带行号的数组； 2、通过css绝对定位将行号定位在textarea左侧 阅读全文
posted @ 2021-06-02 19:44 xingba-coder 阅读(3042) 评论(1) 推荐(0) 编辑
2021年6月1日
vue2-ace-editor代码编辑器使用
摘要： 安装 npm安装 npm install --save-dev vue2-ace-editor 如果需要拷贝到内网，需要 npm安装后 将 vue2-ace-editor 和 brace（ vue2-ace-editor中用到了brace ） 两个依赖拷贝到项目 node_modules中； 使用 阅读全文
posted @ 2021-06-01 23:31 xingba-coder 阅读(4080) 评论(0) 推荐(0) 编辑
2020年12月30日
vue-cropper 移动端上传图片压缩裁剪
摘要： 头像裁剪压缩上传流程： 点击头像--判断是否为IOS端--若是--A，否则--BA：选择图片 --CB：弹框供用户选择从相册选择或者调用相机拍照--选择图片--CC：出现cropper裁剪框,裁剪框位于图片上方，用户可以拖动或者放大缩小裁剪框--用户手动调整后--代码执行压缩并上传 1.引入vueC 阅读全文
posted @ 2020-12-30 11:38 xingba-coder 阅读(1723) 评论(1) 推荐(0) 编辑
2020年12月29日
vue下载本地文件 下载二进制流文件 兼容ie
摘要： vue-cli2要下载的静态文件放在static目录下，vue-cli3则放在public目录下 ie不支持 h5 的download写法，故用以下写法 <el-button type="text" @click="download">aa.excel</el-button> download(){ 阅读全文
posted @ 2020-12-29 13:04 xingba-coder 阅读(849) 评论(0) 推荐(0) 编辑