自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(23)
  • 收藏
  • 关注

原创 vue el-upload组件上传图片后,点击编辑图片会闪动上一张图片的问题

在css中加入这一段代码即可,但是添加图片时没有了过渡的效果。

2025-04-24 11:12:21 113

原创 Vue el-table表格导出为Excel,调用导出接口返回内容有的为Blob对象,有的直接显示其内部的二进制数据的解决方法

exportExcelReturned 为导出接口,返回的res内容为:如果是Blob对象,直接打印res为:如果不是Blob对象,会直接输出内容:利用URL.createObjectURL()方法为a标签生成就会报错。

2025-04-23 17:37:53 710

原创 git 删除远程仓库不需要的文件夹

出现这个错误是因为你在本地对这些文件进行了修改,但还没有提交到仓库,现在进行了某些操作(比如可能是尝试切换分支、重置等)导致冲突。3.使用`git commit`命令提交删除操作的更改 git commit -m “删除文件example.txt”将`origin`替换为远程仓库的名称,`branch-name`替换为要推送到的分支名称。5.如果只是想删除远程仓库中的文件,而不删除本地仓库中的文件,可以使用以下命令。4.使用`git push`命令将本地仓库的更改推送到远程仓库。

2025-04-22 15:14:41 330

原创 vue2+el-date-picker日期时间选择器,处理表单的提交和编辑表单数据回显的时间格式问题。

expriationTime是一个数组,保存选的日期时间范围,后端接受两个字段 expirationTimeStart(开始时间),expirationTimeEnd(结束时间)提交时间日期选择器的表单时,后端希望收到的格式为Date类型(如:"2025-04-09T16:00:00.000Z"),是。这种格式的优点在于,它在全球范围内是统一的,不会因时区不同而改变,方便跨时区的数据交换和存储。所以,表单回显时用本地时间格式,提交的时候,将本地时间转换为utc格式。不包含时区信息,表示本地时间。

2025-04-21 17:40:19 422

原创 vue+elementUI输入“比例“的表单验证规则

以上描述可以帮助用户理解如何正确输入比例数值,并确保数据的准确性。输入要求:数字或百分比格式(例如:50 或 50%)结尾),去掉百分号并检查是否在0到100之间。如果输入是数字,检查是否在0到1之间。匹配0%到100%之间的百分数(如。匹配0到1之间的数字(如。允许小数点后最多两位。如果输入是百分数(以。

2025-04-17 15:47:55 191

原创 uniapp page.json里设置globalStyle:{backgroundColor:#ff7f00}微信小程序不生效,支付宝小程序生效的问题。

总结:在page.json里设置globalStyle :{backgroundColor}全局背景色样式,支付宝小程序可以生效,微信小程序不生效,只是下拉出现窗口的背景色。问题: page.json里全局设置background背景色样式,支付宝小程序生效,但是微信小程序不生效。如果要设置全局背景色,可以在App.vue里。

2025-03-26 11:05:02 176

原创 vue2+el-checkbox多组复选框实现全选、单选、取消全选功能

Vue 的响应式系统有时会在复杂嵌套的数据结构中出现延迟更新或未正确触发的情况。绑定到 checkAll 数组中的一个元素,表示当前分组是否。是一个布尔表达式,判断当前分组的所有子复选框是否都被勾选。是一个数组,用于存储每个分组的不确定状态(即半勾选状态)。是一个布尔表达式,判断当前分组的子复选框是否部分被勾选。数组的更新是响应式的,视图会根据新值重新渲染。数组的更新是响应式的,视图会根据新值重新渲染。是一个数组,用于存储每个分组的全选状态。是数组,而数组的响应式更新需要使用。,否则可能会导致视图不同步。

2025-03-14 15:15:59 1380 2

原创 vue前端写商品计算价格时出现金额计算0.1*3=0.30000000000000004

这是因为 JavaScript 中的浮点数运算存在精度问题。这是由于浮点数在计算机内部是以二进制形式存储的,而某些十进制小数无法精确地表示为二进制浮点数,从而导致了精度误差。当this.value = 3,this.goodsDetail.price = 0.1 total=0.30000000000000004。你可以在后端或前端将价格转换为整数(以分为单位),然后在显示时再转换回元。,因为它可以完全避免。

2025-03-05 17:48:03 153

原创 解决Vue+elementUI Form表单校验出现英文提示的问题

问题:当表单里输入内容后,删除清空后会出现英文的提示。解决:将写在 el-form-item里的。属性写在el-input里。

2025-02-14 11:10:11 206

原创 Mac换Node版,项目不冲突!

例如,有的项目使用webpack构建,而另一些则使用vite,每个项目对Node版本的依赖也不同。3.安装所需的Node版本:例如,要安装最新版本,可以运行`sudo n latest`。5.切换到指定版本:安装完所需版本后,可以通过运行`n `命令来切换到特定版本。4.查看当前使用的Node版本:在终端中输入`node -v`,这将显示当前正在使用的Node版本。2.查看所有已安装的Node版本:运行`n list`命令,这将列出所有可用的Node版本。

2025-02-11 11:40:13 197

原创 uniapp打包成Android app的步骤并解决打包成Android app,iconfont图标不显示的问题

4.找到自己项目目录unpackage——release——apk下的.apk就是安装包,发到安卓手机上就能安装了!找到iconfont.css文件,把url后面的内容加上https。1.打包ios比较麻烦,这里讲的是打包安卓的步骤。打包iconfont图标不显示的问题。2.选择使用云端证书,快速安心打包。3.打包成功控制台输出的内容。

2025-01-22 11:14:02 302

原创 elementui实现分页

要使用ElementUI来实现分页功能,你首先需要安装ElementUI并引入它的相关组件。通过以上步骤,你就可以在ElementUI中实现分页功能了。你可以根据具体的需求来调整分页的配置和事件处理逻辑。引入ElementUI组件。注册ElementUI组件。安装ElementUI。在模板中使用分页组件。

2025-01-15 11:51:41 267

原创 vue2 elementui el-upload实现文件上传

参数详情可以在elementui官网查看。上传成功显示附件名并点击可以查看和下载。

2025-01-14 14:42:47 380

原创 解决 uview u-dropdown 下拉菜单超出屏幕会隐藏的问题

问题:每一个列表项都有一个下拉菜单,但是滚动加载出来的列表原本是超出屏幕范围内的, 下拉菜单展开的内容也会隐藏。解决:在调试器查看样式后发现下拉菜单的内容超出会隐藏。修改组件样式就能完美解决了,用样式穿透/deep/

2025-01-03 10:14:37 220

原创 uview form表单手机号验证

在提交添加和编辑表单前对表单进行验证,但是手机号的rules里的required属性为false还是会验证失败,原因是this.validateMobile里的value为空时,也返回手机号码不正确,所以给出判断如果为空一样通过校验。对象的属性名,在使用 validate、resetFields 方法的情况下,该属性是必填的,并且属性名要和data里form里的属性名一样。在做小程序表单部分的时候,添加表单有输入手机号的时候,对输入的手机号做一个校验可以提升用户体验。ref="form" 通过。

2024-12-27 14:58:52 515

原创 uniapp打开编辑u-modal模态框,取消后再次点击编辑同一条表单数据,图片列表无数据

打开编辑框后点击取消,再次打开编辑同一条数据,发现其他表单数据都能被正确填充,但是图片列表没有数据,代码里每次打开编辑框都会初始化图片列表和文件列表,并且控制台都能输出一样的数据,就是没有将图片数据正确渲染上去,后来检查代码发现是因为点击取消后,执行@cancel=“show=false" 只是将模态框的show赋值为false来达到关闭的效果,并没有将表单数据重置。)在点击取消关闭模态框时并没有被重置,这可能是导致再次打开同一个表单编辑时图片列表没有数据的原因。事件中添加逻辑来重置。

2024-12-26 15:06:45 330

原创 uniapp使用u-upload和uni.uploadFile实现上传多张图片

auto-upload:选择完图片是否自动上传,这里我写false为了调用uni.uploadFile手动上传,如果为true自动上传,要配置action服务器参数地址。previewFullImage: 点击可以预览图片。后触发,只是让外部可以得知每次选择后,内部的文件列表。fileList :显示已上传的文件列表。on-remove:移除图片时触发。

2024-12-26 11:18:37 1191

原创 javaScript 空值合并操作符(??)的使用

当对一些字符做特殊处理的时候,有时候这个字符传过来会是空值或者是undefined,会抛出错误,所以会用if语句判断对特殊值进行其他的处理,多个if嵌套在一起使用,显得不是很美观的同时,读起来也比较繁琐,所以可以使用 ‘?在实际使用中,空值合并操作符可以简化代码,提高代码的可读性和可维护性,特别是在处理多个变量并需要定义默认值时。)是 JavaScript 中的一个逻辑运算符,它在左侧的操作数为。的使用,它会返回左侧表达式的结果,除非左侧的结果是。,在这种情况下,它会返回右侧表达式的结果。

2024-12-16 11:10:33 407

原创 vue vuecli2 和 vuecli3 的区别

vue cli3有vue.config.js文件,移除了build和config文件,同时移除了 static 静态文件夹,新增了 public 文件夹,打开层级目录还会发现,index.html 移动到 public 中。vue cli2是通过webpack-dev-server来运行的,vue cli3是通过vue-cli-service来运行的。vue cli2:没有vue.config.js文件,有build和config文件。在config下的index.js 找到dev,添加public。

2024-11-22 12:00:58 279

原创 img标签修改src地址,图片不刷新的问题

添加时间戳,为了绕过浏览器的缓存机制,最简单的方法之一是在图片的URL上添加一个时间戳或随机参数。这将使每次请求都看起来像一个不同的URL,从而迫使浏览器重新加载图片。浏览器会根据图片的URL来决定是否重新请求图片或者使用缓存中的版本。当图片的URL保持不变时,浏览器会倾向于使用已经缓存的旧版本,而不会去服务器重新获取新的图片内容。编辑表格中商品的数据,上传了新的图片,但是商品图片还是原来那一张,没有修改成功,需要刷新浏览器才能展示修改后的图片。最近做了一个后台管理系统,遇到了这样一个问题。

2024-11-15 16:19:59 646

原创 vue let that = this的问题

vue 使用let that = this的问题

2024-05-08 16:41:41 414 2

原创 全局引入自定义组件

创建一个js文件,可以和需要大量引入的组件放在同一个文件夹下,引入到main.js中 ,就可以不用大量import组件,减少代码冗余,直接引入就可以了import Vue from 'vue' //charAt() 是一种字符串方法,用于检索字符串中特定位置的字符。//因为 charAt() 方法是 String 对象的方法,所以必须通过 String 类的特定实例调用它。//charAt() 方法不会更改原始string的值。

2023-07-14 11:22:56 119 1

原创 JavaScript求三个数中最大值

求三个数的最大值

2023-07-11 15:52:41 492 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除