- 博客(65)
- 收藏
- 关注
原创 confirm确定按钮点击调用方法失效——this上下文丢失问题
原因是this上下文丢失,可以将onClosed方法改为箭头函数,箭头函数会自动绑定this。
2024-08-14 16:53:18 358
原创 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 255
原创 vue避免页面加载时容器高度突然变化的问题
在使用canvas 处理图片时,出现了页面初始化时容器高度很高,当图片加载完成后才会变为css所写样式的问题。解决方案:在样式中使用。
2024-08-09 14:47:52 370
原创 JS判断两个字符串大小遇到的问题
原因:JS比较两个字符串用的是字典顺序,而不是大小。在这个例子中,“1”的Unicode码点值是49,“2”的Unicode码点值是50,所以“1”<“2”。因此会得到“1021”<“261”的结果。在判断“1021”和“261”的大小时,会发现“1021”<“261”。
2024-08-08 16:18:39 111
原创 vue需要多次调用同一个接口,但有数据只想在第一次调用时才处理
解决方案:给调用方法加一个参数“init”,在第一次调用该接口时赋参数,方法接收到参数时才会去对相应数据做处理。
2024-08-08 16:06:30 394
原创 vue动态更改样式不能即时生效的问题
绑定的动态样式方法中,若要使用DOM方法获取页面元素的宽高等样式属性,就必须加定时器或者使用。,而是写一个方法,在需要的地方去主动调用(需要加定时器),下面给出示例。,但若如此,样式就不生效了。解决方案:不再绑定动态样式。
2024-08-08 15:59:06 264
原创 ECharts 图表数据从接口获取并处理,但是图表加载为空
原因:服务端响应前图表就已经渲染成功,此时还没有数据,所以是空图表。解决:把ECharts渲染的代码放到数据请求与处理代码之后。
2024-08-08 15:08:59 440
原创 vue实现图片批量打包下载时,操作一次后必须刷新页面才能继续使用,否则下载无反应的解决方法
这样可以确保每个图片都重新加载,并且使新的事件处理函数得到正确绑定。事件触发,在每次下载操作开始前,为。设置一个新的图片路径。
2024-08-08 14:48:01 406
原创 JS需要在数据更新后调用方法—使用$nextTick()
定义: 在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。
2024-08-02 17:21:10 101
原创 在HTML中显示双大括号{{}},而不是让Vue解析它们作为模板语法的方法
【代码】在HTML中显示双大括号{{}},而不是让Vue解析它们作为模板语法的方法。
2024-08-02 17:08:42 139
原创 Vue项目接口联调报错 [接口挡板] ”xxx(接口名)”不存在
相应文件:1. 页面代码请求的url 2. dev.config.is 的代理配置 3.request.js 的http 请求头与响应头。原因是package.json 配置的dev启动项没走AJAX,走的时MOCK,更改启动项和相应文件即可。
2024-08-02 10:07:23 248
原创 JS可选链运算符(?.)
作用与(.)操作符类似。.)如果对象链上的引用时null或者undefined时,(.)操作符会抛错,而(?.)操作符会按照短路计算的方式进行处理,返回undefined。可以看出使用的效果为:在确保上一个值有效时,才会去获取下面的属性,避免程序报错。
2024-08-02 09:59:53 415
原创 Vue项目实现自定义筛选展示表头功能思路
勾选的数据 :options, checked表示是否选中。表头数据:tableColumns。存储筛选后的数据:filteredData对options: 若选中,把选中的options数据和表头tableColumns对比,把一样的数据取出来,放进filteredData里,并作为返回值。对比的方式: 利用options的“key”和tableColumns的“name”
2024-08-02 09:53:13 262
原创 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 4426
原创 ElementUI中<el-form>标签中 ref、:model、:rules 的作用
ElementUI中标签中 ref、:model、:rules 的作用
2022-08-02 17:20:28 21195
原创 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 10741 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 534
原创 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 217
原创 JS高级知识
JS高级面向对象编程解决this指向问题,可以定义一个全局变量如 var that; 在构造函数中赋值 that = this; 这样后边需要指向实例对象时,就可以用that。另一种插入HTML节点element.insertAdjacentHTML(position, text);//position: 一个 DOMString,表示插入内容相对于元素的位置,并且必须是以下字符串之一: 'beforebegin':元素自身的前面。 'afterbegin':插入元
2022-04-30 11:02:24 234
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人