自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3中读取excel(vue3+elmplus)

vue3中使用xlsx插件读取操作excel进行数据渲染等操作。

2024-07-23 13:31:48 132

原创 el-input的type为number时,去掉右侧的上下箭头

【代码】el-input的type为number时,去掉右侧的上下箭头。

2024-07-16 10:12:45 106

原创 谷歌获取当前ip

谷歌浏览器获取电脑ip

2024-06-27 11:45:49 113

原创 js递归多维数组

利用递归的方式从一个多维数组中,筛选出自己需要用到的数据,以及数据的加工处理。该方法中传入两个参数,1个为多维数组,另一个为1个一维数组或二维数组,然后来查找出自己所需要的数据。

2024-06-26 11:24:48 212

原创 worker的用法-解决定时器不准的问题

用worker解决前端定时器离开页面时不准时的问题。

2024-06-24 17:19:41 219

原创 Vue项目中通过配置文件修改title,打包生效

在项目中,有时会用到多个共同title,为了统一管理,并且为了方便打包上线之后方便修改,就用到了配置文件的方式来解决问题。现在public下新建一个配置文件(json文件)。然后再main.ts中利用axios的方式,来拿到该配置文件的内容。然后拿到该文件之后,利用依赖注入,将返回的结果注入进去。然后按照自己所编写的内容格式进行渲染即可,进行按序渲染。然后在需要的界面,使用inject将注入的内容拿到。

2024-05-28 11:50:54 213

原创 el-table的复选框的回显

toggleRowSelection:此方法的第一个不是必须按照上面那种写法来走,只要是与当前行的内容一致即可。在forEach中,选出符合当前的item也是可以的。第二个参数为true是可以的,在我测试的过程中,第二个参数是当前项的id也是可以的。此处的multipleManageTableRef必须和table中绑定的ref的值是一致,然后调用。toggleRowSelection的方法,该方法主要是用于当前行的状态。详情可以查看官方文档。在用到table表格中,用到了表格的复选框。

2024-05-22 16:28:30 515

原创 面包屑to跳转,菜单当前激活样式

当使用面包屑跳转时,当前路由会进行跳转,但激活的样式不会改变,这是将default-active的值设置为route.path,他会自动根据当前路由的path地址进行跳转,并激活。在面包屑中,default-active是控制当前激活样式,当default-active绑定的值是自己绑定的值,然后动态赋值时,在不使用面包屑跳转的情况下是正常的。

2024-04-23 11:44:48 180

原创 chrome浏览器记住密码时input的默认颜色

在项目中如果不生效,可以试试用deep穿透。

2024-04-17 15:53:08 117

原创 vue3打印当前页面

【代码】vue3打印当前页面。

2024-04-03 10:55:50 313 1

原创 vite打包配置

【代码】vite打包配置。

2024-03-30 16:47:28 483 1

原创 函数的封装

【代码】普通函数和公共(高级)函数封装。

2024-03-30 11:29:22 75 1

原创 清除el-input的边框

【代码】清除el-input的边框。

2024-03-05 18:01:18 811

原创 禁止浏览器的后退行为

亲测有效,在vue中同样适用!

2024-02-28 16:23:49 111

原创 css文字均分宽度

需要给盒子一定的宽度,才能实现平分。

2023-11-20 17:04:15 128 1

原创 elementplus中dialog嵌套form表单,关闭时取消校验

before-close方法是在关闭前的回调,就是需要在关闭该对话框之前的操作。可能在关闭对话框之前,触发了form表单的校验,而关闭对话框时需要清除校验,则只需要在绑定的方法中用到clearValidate()即可。

2023-10-30 10:39:12 650

原创 elementplus的级联选择框自定义绑定的数据名

elementplus的级联选择框,数据格式名称不一样时修改对应的名称,来渲染自己的数据

2023-10-27 09:49:43 367 1

原创 修改element-plus中steps当前激活状态样式

修改element-plus下steps的样式

2023-10-13 17:03:04 542

原创 vue路由利用history传值

vue项目中,利用history传值

2023-09-19 11:28:47 27

原创 多行文本溢出显示...

【代码】多行文本溢出显示...

2023-09-18 10:55:55 24

原创 input的pattern属性

手机号码:^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$邮箱:^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$通过点击提交按钮时,就会根据pattern的正则进行验证,不通过则会进行错误提示。如果不进行修改会有默认的错误提示。7个汉字或14个字符:^[\u4e00-\u9fa5]{1,7}$|^[\dA-Za-z_]{1,14}$

2023-09-14 10:53:58 579 1

原创 日期格式化函数

注:export导出的函数或方法,需要在引入时加{},如果是export default导出的则直接写导出的名字就可以,不需要加{}。因为export default 一个文件中只能有一个,且不能和export一起使用。在一个单独的文件中新建一个关于日期格式化的文件,js/ts。然后再需要的页面引入该函数即可直接使用。

2023-09-13 16:03:32 30

原创 利用upload上传头像

在页面中利用element-plus的upload上传头像。在点击确定之后在保存信息时,提交头像。

2023-09-07 14:33:30 352 1

原创 elm-plus自定义校验规则方法提取

公共文件夹下,如:validators.js。

2023-09-05 09:51:32 71

原创 blob转base64

const blob = response.file(为后端返回得blob结果)(强制转化为string类型)

2023-08-31 15:45:13 591 1

原创 element-plus表格中展示图片

其中scope为table绑定数据的每一项,scope.row为数据的每一行,然后输入对应的图片的路径,就可完成图片的展示。其上使用vue3的写法。

2023-05-05 16:01:39 1268 1

原创 js隐藏手机号中间四位

【代码】js隐藏手机号中间四位。

2023-03-09 15:42:46 314 1

原创 改变滚动条样式

改变滚动条样式

2023-03-09 10:43:49 46

空空如也

空空如也

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

TA关注的人

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