- 博客(66)
- 收藏
- 关注
RSS订阅原创 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
147
原创 confirm确定按钮点击调用方法失效——this上下文丢失问题
原因是this上下文丢失，可以将onClosed方法改为箭头函数，箭头函数会自动绑定this。
2024-08-14 16:53:18
785
原创 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
491
原创 vue避免页面加载时容器高度突然变化的问题
在使用canvas 处理图片时，出现了页面初始化时容器高度很高，当图片加载完成后才会变为css所写样式的问题。解决方案：在样式中使用。
2024-08-09 14:47:52
489
原创 JS判断两个字符串大小遇到的问题
原因：JS比较两个字符串用的是字典顺序，而不是大小。在这个例子中，“1”的Unicode码点值是49，“2”的Unicode码点值是50，所以“1”<“2”。因此会得到“1021”<“261”的结果。在判断“1021”和“261”的大小时，会发现“1021”<“261”。
2024-08-08 16:18:39
170
原创 vue需要多次调用同一个接口，但有数据只想在第一次调用时才处理
解决方案：给调用方法加一个参数“init”，在第一次调用该接口时赋参数，方法接收到参数时才会去对相应数据做处理。
2024-08-08 16:06:30
666
原创 vue动态更改样式不能即时生效的问题
绑定的动态样式方法中，若要使用DOM方法获取页面元素的宽高等样式属性，就必须加定时器或者使用。，而是写一个方法，在需要的地方去主动调用（需要加定时器），下面给出示例。，但若如此，样式就不生效了。解决方案：不再绑定动态样式。
2024-08-08 15:59:06
1191
原创 ECharts 图表数据从接口获取并处理，但是图表加载为空
原因：服务端响应前图表就已经渲染成功，此时还没有数据，所以是空图表。解决：把ECharts渲染的代码放到数据请求与处理代码之后。
2024-08-08 15:08:59
716
原创 vue实现图片批量打包下载时，操作一次后必须刷新页面才能继续使用，否则下载无反应的解决方法
这样可以确保每个图片都重新加载，并且使新的事件处理函数得到正确绑定。事件触发，在每次下载操作开始前，为。设置一个新的图片路径。
2024-08-08 14:48:01
483
原创 JS需要在数据更新后调用方法—使用$nextTick()
定义: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。
2024-08-02 17:21:10
153
原创 在HTML中显示双大括号{{}}，而不是让Vue解析它们作为模板语法的方法
【代码】在HTML中显示双大括号{{}}，而不是让Vue解析它们作为模板语法的方法。
2024-08-02 17:08:42
439
原创 Vue项目接口联调报错 [接口挡板] ”xxx(接口名)”不存在
相应文件：1. 页面代码请求的url 2. dev.config.is 的代理配置 3.request.js 的http 请求头与响应头。原因是package.json 配置的dev启动项没走AJAX，走的时MOCK，更改启动项和相应文件即可。
2024-08-02 10:07:23
359
原创 JS可选链运算符（?.）
作用与（.）操作符类似。.）如果对象链上的引用时null或者undefined时，(.)操作符会抛错，而(?.)操作符会按照短路计算的方式进行处理，返回undefined。可以看出使用的效果为：在确保上一个值有效时，才会去获取下面的属性，避免程序报错。
2024-08-02 09:59:53
473
原创 Vue项目实现自定义筛选展示表头功能思路
勾选的数据 ：options， checked表示是否选中。表头数据：tableColumns。存储筛选后的数据：filteredData对options： 若选中，把选中的options数据和表头tableColumns对比，把一样的数据取出来，放进filteredData里，并作为返回值。对比的方式： 利用options的“key”和tableColumns的“name”
2024-08-02 09:53:13
405
原创 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
4689
原创 ElementUI中＜el-form＞标签中 ref、:model、:rules 的作用
ElementUI中标签中 ref、:model、:rules 的作用
2022-08-02 17:20:28
22469
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
11300
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
623
原创 Vue基础
新的编程范式：声明式编程例<body><div id="app">{{message}}</div> <script src="../js/vue.js"></script> <script> const app = new Vue({ el:'#app',//用于挂载要管理的元素 data:{ //定义数据 message
2022-05-13 20:36:25
319
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人