- 博客(42)
- 收藏
- 关注
RSS订阅原创 vue3 + ts + vite 引入阿里巴巴矢量图标库
在 assets 文件夹下新增 iconfont 文件夹，将解压后的文件复制到该文件夹中。2. 将资源下载到本地，解压缩后加入添加进自己的项目中。点击复制代码以获取 icon-name。3. 在 main.ts 中引入。1. 选择图标添加进项目。
2024-12-04 10:30:00
437
原创 vue3 element-plus el-scrollbar 自动滚动
使用 el-scrollbar 实现自动滚动，鼠标移入则停止滚动，鼠标移出则继续滚动。
2024-11-07 13:22:19
1280
原创 element-plus 修改主题色（按需导入）
2. 参照 element-plus 官网新建样式文件：src / styles / element / index.scss。1. 安装 sass。
2024-11-02 22:22:59
1083
原创 vue3 + ts + element-plus 二次封装 el-dialog
组件代码：注意 style 不能为 scoped。使用：v-bind 同时绑定多个属性。
2024-10-22 14:11:39
704
原创 vue3 + ts + cesium：绘制、更新矩形 rectangle
（2）单击左键选中矩形，显示主对角线上的两个顶点；抬起鼠标左键结束拖拽；2. components / CesiumViewer / hooks / utils.ts （禁止/允许屏幕拖动、屏幕坐标转世界坐标代码）1. components / CesiumViewer / hooks / drawRectangle.ts（绘制/更新代码）（1）单击左键确定矩形左上角的顶点，开始绘制；单击右键确定矩形右下角的顶点，结束绘制。本文实现基础的矩形绘制，并且可以通过拖拽主对角线上的两个顶点改变矩形的长宽。
2024-10-18 10:00:36
460
原创 vue3 + ts + cesium：绘制、更新圆 ellipse
（2）鼠标左键单击绘制的圆形，显示圆的圆心和边缘点；长按鼠标左键，拖动圆心，实时更新圆的位置；长按鼠标左键，拖动边缘点，实时更新圆的半径；单击鼠标右键，结束更新操作，不再显示圆心和边缘点。2. components / CesiumViewer / hooks / utils.ts （禁止/允许屏幕拖动、屏幕坐标转世界坐标代码）（1）单击鼠标左键开始绘制，确定圆的圆心，移动鼠标，改变圆的半径；本文主要实现基础的绘制圆形，并且可以通过拖动圆心更新圆的位置，拖动圆上的边缘点改变圆的半径。
2024-10-04 13:12:33
769
原创 vue3 + ts + cesium：绘制自由曲线（polyline）
（1）长按鼠标左键开始绘制；（2）抬起鼠标左键结束绘制。本文主要实现最基础的绘制自由曲线。
2024-10-03 10:03:11
574
原创 vue3 + ts + cesium：绘制、更新多边形 polygon
（2）单击鼠标右键结束绘制、结束更新多边形（此时不会显示多边形的顶点）；本文主要实现最基础的绘制多边形，并且可以拖动多边形的顶点实时更新多边形的形状。（3）长按鼠标左键拖动多边形的顶点，实时更新多边形的形状；（1）单击鼠标左键绘制多边形、选中多边形；（4）抬起鼠标左键停止拖动多边形的顶点。
2024-09-30 10:30:00
472
原创 vue3 + ts + cesium：绘制、更新折线 polyline
（2）单击鼠标右键结束绘制折线、结束更新线条（此时不会显示线上的点）；本文主要实现最基础的绘制折线，并且可以拖动线上的点实时更新线条。（3）长按鼠标左键拖动线上的点，实时更新线条；（1）单击鼠标左键绘制折线、选中线条；（4）抬起鼠标左键停止拖动线上的点。
2024-09-29 10:30:00
759
原创 vue3 + ts + cesium：添加、拖动图标 billboard
本文主要实现最基础的添加图标、并且可以拖动刚刚添加的图标。（3）长按鼠标左键拖动图标，实时更新图标的位置；（4）抬起鼠标左键停止拖动图标。（1）单击鼠标左键添加图标；（2）单击鼠标右键结束添加；
2024-09-28 10:30:00
468
原创 vue3 + ts + cesium：绘制、拖动点 point
本文主要实现最基础的绘制点，并且可以拖动刚刚绘制的点。（3）长按鼠标左键拖动点，实时更新点的位置；（4）抬起鼠标左键停止拖动点。（2）单击鼠标右键结束绘制；（1）单击鼠标左键绘制点；
2024-09-27 10:30:00
288
原创 Vue3 + ts + Vite 不同屏适配：px 转 vw
【注】上述方案对行内样式不生效，行内样式中 px 转 vw 可使用自定义方法实现。（2）在项目根目录下编写配置文件 postcss.config.cjs。1. 编写函数 utils/pxToVw.ts。（1）在 main.ts 导入依赖。
2024-09-24 10:55:44
695
原创 uniapp uni.redirectTo() 跳转失效
想实现的效果是用户登录成功后跳转至”我的“页面，但是点击登录按钮后可以成功打印出登录信息，却不跳转页面。原因是我在 tabBar 中配置了 Mine 页面。
2024-02-01 12:33:16
3344
原创 You have an error in your SQL syntax
【代码】You have an error in your SQL syntax。
2024-02-01 11:27:07
480
原创 uniapp 使用 uni-file-picker 上传头像
此处我需要将头像的存储地址存入数据库中，因此需要上传额外的参数（用户的id），所以需要使用 uni.uploadFile() 的 formData。此处使用 @select 处理选择完文件后的逻辑，即将文件上传到自己的服务器。
2024-01-29 10:45:32
1265
原创 uniapp uni-forms实现表单校验
1. 需要设置 name 属性为当前字段名 （与 rules 中的相对应）3. 自定义各个字段的校验规则（validateFunction）4. 表单校验（this.$refs.form.validate）2. 在 onReady 中设置规则。本文为自定义校验归责的实现方法。
2024-01-28 12:28:46
3195
1
原创 Vue + Spring Boot 前端使用虚拟路径获取图片失败
而图片经过虚拟路径映射后的访问地址是：http://localhost:8888/back/image/xxx.jpg（好几个小时才发现T_T，真服了！所以要想访问到图片，需要将前端代码中的 :src="image.path" 修改为 :src="'http://localhost:8888/yoga' + image.path"。后来发现是因为前端映射路径时出了错，无法找到 http://localhost:8080/image/xxx.jpg（404），8080是我前端项目所使用的端口。
2024-01-24 17:28:51
742
原创 Vue + Element-UI 在表格中放置链接，链接文字自定义
使用作用域插槽来自定义每个单元格的内容：使用了 slot-scope 来获取作用域变量 scope。
2024-01-19 18:00:55
1212
1
原创 No primary or single unique constructor found for interface javax.servlet.http.HttpServletRequest
此处 HttpServletRequest 导入的包为 import javax.servlet.http.HttpServletRequest;解决办法：导入包换为：import jakarta.servlet.http.HttpServletRequest;
2024-01-17 18:02:37
1427
原创 Vue 前端发送请求，后端接收到数据为null
尝试了各种方法，qs.stringify()、配置请求头等等都没用，最后修改代码如下成功解决问题。
2024-01-14 19:56:49
941
1
原创 Vue POST http://localhost:x/x/x 404 (Not Found)
Vue项目中前后端跨域配置完成后一定要记得重启项目！否则一直404 T_T。配置如下：（vue.config.js）
2024-01-14 15:55:53
1762
1
原创 Vue+Element-UI表单验证
在这个例子中，通过在 data 中添加 rules 属性来定义表单验证规则，然后在模板中使用 :rules 属性将这些规则应用到相应的表单项上。validateAccount、validatePassword 和 validateConfirm。是自定义的验证方法，用于验证密码和确认密码的规则。最后，在注册按钮点击时，通过 this.$refs.form.validate() 来触发表单验证。
2024-01-13 12:53:54
446
1
原创 Vue修改Element-UI默认样式
使用 /deep/ 伪元素选择器。它是一种深度组合选择器，用于穿透组件的样式封装，从而选择组件内部嵌套的元素。
2024-01-12 16:49:00
532
1
原创 Vue中v-if与@change的简单使用
实现目标，根据选择的身份来决定是否显示“入驻平台”与“忘记密码”。如果选择身份为商家，则显示；此处使用 :value 而不是 value 来实现动态绑定属性值。
2024-01-12 15:50:17
560
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人