xingba-coder

摘要： 在不是原生组件或原生标签上添加事件若无效则加上 .native 修饰符 <!-- 无效 --> <el-row @click="handleClick"></el-row> <!-- 有效 --> <div @click="handleClick"></div> <el-row 阅读全文

摘要： @hook:created="listenCreated" @hook:mounted="listenMounted" 父组件： 子组件： 效果： 阅读全文

摘要： 实现效果 1、不同屏幕尺寸下根据可视区域宽度判断 应该 放几列，这里用onresize演示 2、鼠标滚动到已加载数据的底部时再次请求数据，重新计算哪一列高度最小，push到最小的那一列 实现思路 1、瀑布流的盒子使用flex布局，每一列column的间距相等 2、获取数据，根据可视区域的宽度判断需要 阅读全文

摘要： 场景 系统有多个菜单及子菜单；假如菜单2进入到子菜单2-1的代码是 this.$router.push(子菜单的路径)；此时将菜单2的子菜单2-1移动到菜单1下面，那么之前的this.$router.push(子菜单的路径)中子菜单路径就需要变化，需要重新计算子菜单的位置。 例如： 菜单1下有个子菜 阅读全文

摘要： 背景 项目有个需求是 在textarea中编辑脚本并显示为代码风格样式，显示行号； textarea显示行号 思路： 1、监听textarea内容变化，执行一个change函数，解析内容里面有多少个换行符，根据换行符数量生成一个带行号的数组； 2、通过css绝对定位将行号定位在textarea左侧 阅读全文

摘要： 安装 npm安装 npm install --save-dev vue2-ace-editor 如果需要拷贝到内网，需要 npm安装后 将 vue2-ace-editor 和 brace（ vue2-ace-editor中用到了brace ） 两个依赖拷贝到项目 node_modules中； 使用 阅读全文

摘要： 头像裁剪压缩上传流程： 点击头像--判断是否为IOS端--若是--A，否则--BA：选择图片 --CB：弹框供用户选择从相册选择或者调用相机拍照--选择图片--CC：出现cropper裁剪框,裁剪框位于图片上方，用户可以拖动或者放大缩小裁剪框--用户手动调整后--代码执行压缩并上传 1.引入vueC 阅读全文

摘要： vue-cli2要下载的静态文件放在static目录下，vue-cli3则放在public目录下 ie不支持 h5 的download写法，故用以下写法 <el-button type="text" @click="download">aa.excel</el-button> download(){ 阅读全文

摘要： 问题场景 列表页面输入查询条件，选择第3页，点击详情进入详情页，从详情页返回时，默认列表页面页码重置为1；此时想要缓存该页码，有两种方式；可按业务场景使用 方式一：用vue自带的 keep-alive组件 官方链接：keep-alive 该方式会缓存组件，组件中其他状态也会被缓存；若只想缓存分页组件 阅读全文

摘要： 一般vue项目都会对axios进行封装，后台统一规范默认让服务器对所有请求都返回成功，然后在成功的对象里面包装一层对象result，里面也包含code，msg，result信息，前端拿这个result里面的code来做判断接口是否相应成功；类似如下： const api = axios.create 阅读全文