- 博客(13)
- 收藏
- 关注
RSS订阅原创 解决首屏渲染白屏时间过长
定义defer函数，与组件绑定，组件v-if绑定函数返回值true或false决定组件渲染时机。考虑到用户体验，先加载用户第一眼主要看到的页面，其余的一些放在之后加载，即延迟渲染。例如当代码中重组件过多等，造成首屏加载时间过长导致的白屏。
2024-04-17 23:29:27
169
原创 el-upload组件上传文件时，修改文件名
实现在el-upload组件上传文件时，修改文件名再上传到服务器，刚开始是想直接用file.raw.name = 新名称，但是结果报错说file的name是只读属性，不能修改，所以这里使用new File创建新文件，然后整个替换掉raw文件对象。// 修改时自定义上传方法newfile =new File([params.file], `合作协议${suffix}`)
2024-01-25 14:50:30
946
原创 vue多文件上传
2.上传文件的请求体添加其他参数时必须要添加到FormData。（必选参数，上传的地址） 上传多文件时文件只是暂存本地，并不需要调上传接口，而是最后和数据一起提交到服务器，这里可以不给action的值，但是组件里必须要写action属性，否下会报错。（文件状态改变时的钩子，添加文件、上传成功和上传失败时都会被调用），函数参数为file、fileList，可以获取当前改变的文件和文件列表。（上传的文件字段名） 组件中默认上传时文件的属性名为file，根据后端要求的字段名进行传值，可以通过name属性更改。
2024-01-19 15:19:16
449
1
原创 vue3中使用echarts地图
左侧是地图，右侧是JSON数据路径，点击可以获取对应省市数据，这里我获取的是整个中国地图数据，点击右侧链接地址复制到浏览器打开，浏览器打开后全选复制放入自己项目的json文件中，并在地图文件中引用。首先需要创建好项目结构，这里map文件夹下新建一个vue和json文件（后面会用到，用来存放地图JSON数据）红色框中均是地图的配置项，可根据项目需求使用，通过查阅配置项手册完善地图信息，在setOption中配置即可。pnpm install echarts --save //安装。
2023-12-26 15:38:26
2502
3
原创 vue3 devtools配置
vue3项目中不免要使用调试工具vue3 devtools，试了网上的几种方法，使用下面这种成功安装vue3 devtools，在这里记录和分享。
2023-12-21 08:51:41
958
原创 vue3+ts项目中eslint校验配置
ESLint - Pluggable JavaScript linter - ESLint中文ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具，其目的是使代码风格更加一致并避免错误，合理利用可以提高代码质量。
2023-12-13 14:32:55
1356
1
原创 node版本切换问题
由于项目需要使用高版本的node，之前用的14版本较低，所以下载了16版本，使用nvm use命令成功，但是版本并未切换，在网上搜索了很多，发现是node安装路径的问题，nvm安装默认路径是C:\Program Files下，所以需要将安装路径更换，选择卸载node和nvm重新安装。
2023-12-11 15:53:30
1027
1
原创 vue2使用wangEditorV5富文本编辑器
开源 Web 富文本编辑器，开箱即用，配置简单。2022.04.11 正式发布v5 版本。wangEditor。
2023-11-07 10:52:05
992
原创 前端文件上传、预览与下载
一.文件上传文件上传是在前端开发过程中很常见的功能，这里介绍的是vue2中常使用的文件上传方式，适用于引入element-ui组件的情况下，使用的是element中的el-upload组件。1.文件上传组件把文件上传的方法封装成组件，这样后面使用的时候仅需要两三行代码即可，这里文件类型、大小、图片数量等的参数后续可以自己定义，这些参数放入props中。可以在main.js中全局引入，直接在页面中使用即可，或使用时单独引入。// 全局引入图片上传组件// 全局组件挂载页面中使用。
2023-10-19 16:56:56
487
原创 vue中循环多组checkbox-group
1.因为官网给出的checkbox group绑定的数据格式是数组，而在项目中接收的数据通常是对象数组，我这里label绑定的是数组中对象的id属性，点击获取的是id的数组，在最后提交数据时需要做处理。2.一开始也尝试了label绑定整个对象，这样获取到的直接便是最终需要的对象数组，展示和添加是可以实现的，但是回显遇到了问题，在网上看是回显的数据格式要与选中的数组中对象的格式一致，尝试了没有效果，后面再研究一下。
2023-10-12 19:25:13
3362
1
原创 js保留数组对象某些属性
如果对于后端返回的数据，只想保留数组中对象的某些属性，或者想利用这个对象另外添加属性构造自己所需要的结构，可以使用map循环再结合assign方法。
2023-10-12 12:52:36
346
原创 uniapp开发的App中使用高德地图
map地图在不同的开发场景使用不同，这里主要是uniapp开发的Android软件中关于高德地图使用的一些项目记录。
2023-09-28 17:13:35
6676
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人