- 博客(68)
- 收藏
- 关注
原创 Element UI MessageBox 增加第三个按钮(DOM Hack 方案)
MessageBox 想要 3 个按钮,只能 hack;能用 el-dialog 的场景,永远优先 el-dialog。
2026-01-13 14:30:08
239
原创 前端使用 clip-path + linear-gradient 实现矩形对角线渐变分区
需要 overflow: hidden 防止溢出。clip-path 不支持 IE。上层:另一个线性渐变 +底层:一个线性渐变背景。控制对角线方向和位置。
2026-01-05 14:50:19
213
原创 vue项目配置代理,解决跨域问题
解决Vue项目本地开发跨域问题 问题描述:本地启动Vue前端项目时接口报跨域错误,但直接访问项目环境地址正常。 解决方案: 配置vue.config.js中的devServer.proxy,设置/api路径代理到后端地址 修改api/base/config.js中的BASE_URL为/api(开发环境) 生产环境可使用环境变量VUE_APP_BASE_URL 配置完成后需重启项目生效 通过代理配置解决了开发环境跨域问题,同时保留了生产环境灵活性。
2025-12-02 14:32:25
161
原创 confirm确定按钮点击调用方法失效——this上下文丢失问题
原因是this上下文丢失,可以将onClosed方法改为箭头函数,箭头函数会自动绑定this。
2024-08-14 16:53:18
798
原创 Vue中使用v-for时,key属性遇到的问题与解决方案
在 Vue 项目中,使用 v-for 渲染一组图片时,发现搜索后页面应展示的图片错误地显示为初始化时的第一张图片。起初通过修改 v-else 为 v-show=“item.imgInfoList.length > 0” 解决问题,但后发现将 v-for 的 key 从 index 更改为 item 中的唯一值也能解决问题。
2024-08-14 13:58:45
501
原创 vue避免页面加载时容器高度突然变化的问题
在使用canvas 处理图片时,出现了页面初始化时容器高度很高,当图片加载完成后才会变为css所写样式的问题。解决方案:在样式中使用。
2024-08-09 14:47:52
497
原创 JS判断两个字符串大小遇到的问题
原因:JS比较两个字符串用的是字典顺序,而不是大小。在这个例子中,“1”的Unicode码点值是49,“2”的Unicode码点值是50,所以“1”<“2”。因此会得到“1021”<“261”的结果。在判断“1021”和“261”的大小时,会发现“1021”<“261”。
2024-08-08 16:18:39
172
原创 vue需要多次调用同一个接口,但有数据只想在第一次调用时才处理
解决方案:给调用方法加一个参数“init”,在第一次调用该接口时赋参数,方法接收到参数时才会去对相应数据做处理。
2024-08-08 16:06:30
671
原创 vue动态更改样式不能即时生效的问题
绑定的动态样式方法中,若要使用DOM方法获取页面元素的宽高等样式属性,就必须加定时器或者使用。,而是写一个方法,在需要的地方去主动调用(需要加定时器),下面给出示例。,但若如此,样式就不生效了。解决方案:不再绑定动态样式。
2024-08-08 15:59:06
1204
原创 ECharts 图表数据从接口获取并处理,但是图表加载为空
原因:服务端响应前图表就已经渲染成功,此时还没有数据,所以是空图表。解决:把ECharts渲染的代码放到数据请求与处理代码之后。
2024-08-08 15:08:59
725
原创 vue实现图片批量打包下载时,操作一次后必须刷新页面才能继续使用,否则下载无反应的解决方法
这样可以确保每个图片都重新加载,并且使新的事件处理函数得到正确绑定。事件触发,在每次下载操作开始前,为。设置一个新的图片路径。
2024-08-08 14:48:01
488
原创 JS需要在数据更新后调用方法—使用$nextTick()
定义: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
2024-08-02 17:21:10
153
原创 在HTML中显示双大括号{{}},而不是让Vue解析它们作为模板语法的方法
【代码】在HTML中显示双大括号{{}},而不是让Vue解析它们作为模板语法的方法。
2024-08-02 17:08:42
449
原创 Vue项目接口联调报错 [接口挡板] ”xxx(接口名)”不存在
相应文件:1. 页面代码请求的url 2. dev.config.is 的代理配置 3.request.js 的http 请求头与响应头。原因是package.json 配置的dev启动项没走AJAX,走的时MOCK,更改启动项和相应文件即可。
2024-08-02 10:07:23
363
原创 JS可选链运算符(?.)
作用与(.)操作符类似。.)如果对象链上的引用时null或者undefined时,(.)操作符会抛错,而(?.)操作符会按照短路计算的方式进行处理,返回undefined。可以看出使用的效果为:在确保上一个值有效时,才会去获取下面的属性,避免程序报错。
2024-08-02 09:59:53
475
原创 Vue项目实现自定义筛选展示表头功能思路
勾选的数据 :options, checked表示是否选中。表头数据:tableColumns。存储筛选后的数据:filteredData对options: 若选中,把选中的options数据和表头tableColumns对比,把一样的数据取出来,放进filteredData里,并作为返回值。对比的方式: 利用options的“key”和tableColumns的“name”
2024-08-02 09:53:13
408
原创 git clone时报错remote: The project you were looking for could not be found or you don‘t have permission
git clone项目时报错`remote: The project you were looking for could not be found or you don't have permission to view it.`` fatal: repository 'https://119.23.248.3/xxxx/pad.git' not found`
2022-08-16 15:54:03
4696
原创 ElementUI中<el-form>标签中 ref、:model、:rules 的作用
ElementUI中标签中 ref、:model、:rules 的作用
2022-08-02 17:20:28
22493
1
原创 vue项目npm run build报错Error: Cannot find module ‘@vue/cli-plugin-babel‘的解决方法
vue项目npm run build报错Error: Cannot find module '@vue/cli-plugin-babel'的解决方法
2022-08-02 10:32:06
11315
3
原创 Vue-cli中npm run serve报错npm ERR! Missing script: “serve“
Vue-cli中npm run serve报错npm ERR! Missing script: "serve"
2022-07-21 09:52:49
628
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅