![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Serenity_Qin
这个作者很懒,什么都没留下…
展开
-
uniapp uni.redirectTo() 跳转失效
想实现的效果是用户登录成功后跳转至”我的“页面,但是点击登录按钮后可以成功打印出登录信息,却不跳转页面。原因是我在 tabBar 中配置了 Mine 页面。原创 2024-02-01 12:33:16 · 2002 阅读 · 0 评论 -
uniapp 携带参数跳转页面
页面1:传递参数(merchant:{})原创 2024-01-29 15:53:20 · 411 阅读 · 0 评论 -
uniapp 使用 uni-file-picker 上传头像
此处我需要将头像的存储地址存入数据库中,因此需要上传额外的参数(用户的id),所以需要使用 uni.uploadFile() 的 formData。此处使用 @select 处理选择完文件后的逻辑,即将文件上传到自己的服务器。原创 2024-01-29 10:45:32 · 1001 阅读 · 0 评论 -
uniapp uni-forms实现表单校验
1. 需要设置 name 属性为当前字段名 (与 rules 中的相对应)3. 自定义各个字段的校验规则(validateFunction)4. 表单校验(this.$refs.form.validate)2. 在 onReady 中设置规则。本文为自定义校验归责的实现方法。原创 2024-01-28 12:28:46 · 2205 阅读 · 1 评论 -
el-upload 上传文件时携带额外参数
前端代码:localMerchant是我要额外上传的内容,须为Object类型。原创 2024-01-25 11:34:30 · 590 阅读 · 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 · 528 阅读 · 0 评论 -
Vue + Element-UI 移除表项
【代码】Vue + Element-UI 移除表项。原创 2024-01-21 20:26:45 · 387 阅读 · 0 评论 -
Spring Boot + Vue + Element-UI 实现文件下载
实现效果:点击链接,下载对应文件。原创 2024-01-20 11:10:44 · 440 阅读 · 0 评论 -
Vue + Element-UI 在表格中放置链接,链接文字自定义
使用作用域插槽来自定义每个单元格的内容:使用了 slot-scope 来获取作用域变量 scope。原创 2024-01-19 18:00:55 · 823 阅读 · 1 评论 -
Vue 获取当前时间
然后在 mounted 中调用该方法。原创 2024-01-19 12:57:55 · 647 阅读 · 1 评论 -
Spring Boot + Vue + Element-UI 实现文件上传
实现上传 .jpg、.png、.pdf 类型的文件。原创 2024-01-18 15:19:26 · 602 阅读 · 1 评论 -
Vue实现页面滚动
【代码】Vue实现页面滚动。原创 2024-01-18 13:53:38 · 403 阅读 · 1 评论 -
Vue 前端发送请求,后端接收到数据为null
尝试了各种方法,qs.stringify()、配置请求头等等都没用,最后修改代码如下成功解决问题。原创 2024-01-14 19:56:49 · 630 阅读 · 1 评论 -
Vue POST http://localhost:x/x/x 404 (Not Found)
Vue项目中前后端跨域配置完成后一定要记得重启项目!否则一直404 T_T。配置如下:(vue.config.js)原创 2024-01-14 15:55:53 · 708 阅读 · 0 评论 -
Vue+Element-UI表单验证
在这个例子中,通过在 data 中添加 rules 属性来定义表单验证规则,然后在模板中使用 :rules 属性将这些规则应用到相应的表单项上。validateAccount、validatePassword 和 validateConfirm。是自定义的验证方法,用于验证密码和确认密码的规则。最后,在注册按钮点击时,通过 this.$refs.form.validate() 来触发表单验证。原创 2024-01-13 12:53:54 · 359 阅读 · 1 评论 -
Vue设置文字在div中垂直居中
【代码】Vue设置文字在div中垂直居中。原创 2024-01-12 16:59:39 · 979 阅读 · 1 评论 -
Vue修改Element-UI默认样式
使用 /deep/ 伪元素选择器。它是一种深度组合选择器,用于穿透组件的样式封装,从而选择组件内部嵌套的元素。原创 2024-01-12 16:49:00 · 438 阅读 · 1 评论 -
Vue中v-if与@change的简单使用
实现目标,根据选择的身份来决定是否显示“入驻平台”与“忘记密码”。如果选择身份为商家,则显示;此处使用 :value 而不是 value 来实现动态绑定属性值。原创 2024-01-12 15:50:17 · 450 阅读 · 1 评论 -
Vue设置表单在页面中水平居中
【代码】Vue设置表单在页面中水平居中。原创 2024-01-12 14:36:03 · 1017 阅读 · 1 评论 -
Vue设置一个div在另一个div中垂直居中
【代码】Vue设置一个div在另一个div中垂直居中。原创 2024-01-12 14:02:32 · 502 阅读 · 1 评论 -
Vue设置div撑满屏幕
【代码】Vue设置div撑满屏幕。原创 2024-01-12 12:48:05 · 732 阅读 · 2 评论