- 博客(30)
- 收藏
- 关注
RSS订阅原创 draggable 组件指定区域可进行拖拽
在移动端页面中，draggable 组件导致 van-cell 的 @click 方法只有在最右边才有效果，通常是因为 draggable 捕获了触摸事件（如 touchstart 和 touchmove），而这些事件会阻止事件冒泡到子组件（如 van-cell）。在移动端，触摸事件的行为与鼠标事件略有不同，因此更容易出现这种问题。
2025-04-10 10:40:53
315
原创 vue keep-alive 如何设置动态的页面缓存
页面有时候需要设置缓存，比如填写信息页面 选择部门人员时跳转到组织架构页面，选择完毕之后返回信息填写页面，再次点击选人员页面需要保存之前已选的状态，但是在保存信息后需要将缓存状态清除，代码如下。
2025-04-10 10:35:56
179
原创 el-select在火狐浏览器中 点击搜索框聚焦时会有一个蓝色的框
哎 这火狐啊 我开发时都是使用谷歌的 可是我们测试她偏偏钟爱狐火 于是一堆样式兼容问题。点击的时候搜索框里有个框，解决方法。
2024-09-03 14:18:11
471
原创 element plus dialog里面嵌套dialog，select选择器下拉列表不显示
如题，双层dialog嵌套，选择器option不显示，看了半天，尝试了给select添加popper-class，然后设置index，不生效。后来问一个大佬（他肯定是把element 研究的透透的），给了我一个截图。说把这个设置成false就可以了，果然 成功了。
2024-08-23 14:38:20
366
原创 记录那些前端好用的谷歌插件
就ok了，***注意！修改完之后一定要刷新页面，直接刷新。***开发阶段前端真的太需要了！（2）cv需要修改数据的接口（直接在请求里面复制粘贴即可），来这边。（4）点开下面的JSON Editor按钮 也可以更直观的编辑数据。可以将接口返回的数据修改成我们需要的数据。（3）替换我们需要的数据。（1）下载完成后，开启。
2023-05-23 16:44:36
203
原创 如何封装全局的scss样式？
首先，在公共样式文件中把样式写好/* 主题色 */$leo-theme-color: #3983bf;/* 辅助色 */$leo-color-red: #ec3e50;$leo-color-orange: #ffbb0e;然后，在vue.config.js文件中（如果没有该文件需要新建，且注意新建目录）module.exports = { css: { loaderOptions: { sass: { prependData:
2022-02-25 17:31:33
1134
1
原创 火狐浏览器自动加滚动条，如何去除？
在写tab页的时候，在火狐浏览器调试成手机端的时候，发现tab标题下面无缘无故多了滚动条，然而谷歌是没有的，大佬说这是火狐自己添加的（挺会添乱的），于是找了一下项目中其他模块，发现已经做过处理的，于是就拿过来了，找到对应的calss,加上 scrollbar-width: none 就可以了...
2021-12-16 17:14:33
1564
原创 页面添加骨架屏
在页面由多个模块配置而成的时候，有时候有些模块展示较慢，会出现闪屏的样子，为了解决这个问题，用到了骨架屏。那么怎么使用呢，详见 https://github.com/Jurool/multipage-skeleton这里需要注意的是在skeleton.config.js中配置好需要加骨架屏的文件路径后，需要在相应的文件中手动写入相对应的class的div在根目录下创建 skeleton.config.js文件，写入下面代码const path = require(`path`);module.
2021-12-15 16:34:37
1102
原创 git 将代码保存至暂存区后 代码找不回
在git stash 之后 将代码回退到原始状态 之后发现代码回不到暂存的代码使用以下命令1.git fsck --lost-found这时候会生成commit id（及最后一行）2.git show 7cdd843059c4fb69dbf9ed1291e791318e808bce(上面命令生成的id )此时修改的代码就会出现3.git stash apply 7cdd843059c4fb69dbf9ed1291e791318e808bce(上面命令生成的id )这时候代码即恢复到暂存区的
2021-08-18 14:52:22
840
原创 JavaScript判断数组是否有重复元素
JavaScript判断数组是否有重复元素isRepeat(arr) { var hash = {}; for(var i in arr) { if(hash[arr[i]]) { return true; } // 不存在该元素，则赋值为true，可以赋任意值，相应的修改if判断条件即可 hash[arr[i]] = true; } return false;},//使用时直接调用该
2021-08-03 18:12:28
372
原创 JavaScript两个数组对比差集
JavaScript两个数组对比差集subSet(arr1, arr2) { var arr = []; for(var i=0;i<arr1.length;i++){ if(arr2.indexOf(""+arr1[i]) < 0){ arr.push(arr1[i]); } } return arr; }, let a = [1,2
2021-08-03 18:11:08
369
原创 vue父子传值修改值时报错 Avoid mutating a prop directly since the value will be overwritten whenever the parent
首先 代码按正常的组件传值写的 后来一直报错Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “showdialog”说是不能在子组件里修改父组件的值，可是找了好久
2021-07-22 15:29:09
417
原创 input 只可输入小于等于1的非负数且为两、一位小数
elemen ui el-input 只可输入小于等于1的非负数且为两位小数<el-input style="width:70%" v-model="addSpend" autocomplete="off" oninput="value=value.replace(/^0[0-9]|^[2-9]|^1[0-9]|^1\.|[^\d.]/g,'').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3')" placeholder="输入小于等于1的非负
2021-06-22 10:43:32
574
原创 vue 表格的横向滚动条默认滑倒指定的位置
效果如图，表格的前三列是固定不动的，要求第四列的表头显示的是当前周直接上代码，注意，要给table加id，如下图for(let i = 0;i<listArr.length;i++){ if(listArr[i].key == this.showweekend){ let indexWeek = i setTimeout(() => { $('#tableMan').find(
2021-05-28 14:07:47
992
原创 js做表格假分页
若非不得已，不建议前端做假分页，下面开始代码吧<el-table :data='TectableData.slice((currentPageG-1)*pagesizeG,currentPageG*pagesizeG)'></el-table><el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-pag
2021-05-06 15:25:38
321
原创 计算起始时间与结束时间之间有哪些月份和周数
关于element ui 时间选择器的功能一、计算起始时间与结束时间之间有哪些月份estLabourMonth() { const months = [] const monthCol = [] const start = new Date(this.form.project_start_date); // 开始时间 const end = new Date(this.form.project_end_date); // 结束时间 const
2021-05-06 14:34:09
2623
原创 element ui 文件上传需要带参数时
element ui 文件上传 & this.$set在写上传文件这个功能时，按照饿了么的写法，发现如果需要带参数，这样有问题的，于是开始找百度，果然给我找到了,:action值可以为一个函数，于是尝试了一下<el-upload class="upload-demo" :action="getActionUrl()" :on-success="uploadSuccess" :on-error="uploadFail" :on-change="handleChang
2021-05-06 13:55:43
467
原创 js展示数字的时候，每隔三位数用逗号隔开
toThousands(num) { num = (num || 0).toString(); let number = 0, floatNum = '', intNum = ''; // 判断是否有小数位，有则截取小数点后的数字 if (num.indexOf('.') > 0) { number = num.indexOf('.'); // 获取小数点出现的位置 floatNum = num.substr(number); // 截取arr.
2021-05-06 13:41:56
501
原创 防止按钮重复点击
防止按钮重复点击<el-button type="button" :disabled="isDisable" @click="fn1">发送请求</el-button>export default { data() { return { isDisable:false,//防止多次提交 }; }, methods:{ async
2021-05-06 11:22:17
241
原创 element ui 表格统计行统计多条字段数据以及设置统计行样式
element ui 表格统计行的操作1.统计行显示多条统计数据（效果如下图）根据element ui文档
2021-02-07 14:47:08
4498
原创 element ui表格渲染数据时，四舍五入保留两位小数
element ui表格渲染数据时，四舍五入保留两位小数写一个过滤器filters: { rounding (value) { if(value || value === 0) { //这个判断是为了防止数据为空，页面渲染为NAN return Number(value).toFixed(2) } } }在表格里写如下<el-table-column prop="date" align="center" label="人员统计" w
2021-01-14 17:01:03
2406
1
原创 element ui 表格数据渲染不出来
在渲染表格数据的时候，发生了一个很奇怪的bug，后台数据能获取到，也能console出来，但是页面就是渲染不出来，不过改变表格的宽度就可以正常渲染，如图代码如下：后来问了一个大佬，原来是table绑定的data的问题这里：data="[{}]"，之所以这样写，是因为后台返给我的data的数据是个对象，而table只接受数组，但是不渲染的原因也是因为这个。...
2021-01-14 16:00:41
12856
6
原创 标题vue导出表格数据，excel表格打不开
vue导出表格数据，excel表格打不开代码如下，当时是将**responseType: ‘blob’**写在{headers: getHeader() }外面，导致问题一直没解决，后来经过度娘，了解到要将他的位置放在data同级的对象里，不然下载后的文件打不开，提示文件损坏...
2020-10-13 18:08:04
1061
原创 webpack配置以及下载模块
下载yarn add webpack webpack-cli --dev练习参考版本：yarn add webpack@4.41.5 webpack-cli@3.3.10 --dev实现步骤：a安装webpackyarn add webpack@4.41.5 webpack-cli@3.3.10 --devb 修改package.json文件中的scripts键“build”: “webpack --mode=production”c 创建src\index.jscon
2020-09-25 13:32:39
580
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人