自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

活宝小娜的博客

记录自己的学习过程及遇到的问题解决办法

  • 博客(75)
  • 收藏
  • 关注

原创 设置了pointer-events: none;后,鼠标悬停不会触发el-tooltip的显示逻辑

el-tooltip是一个提供文字提示的组件,通常依赖于鼠标悬停(hover)事件来显示提示信息。后,鼠标悬停事件会穿过这个内层元素,不会触发el-tooltip的显示逻辑。如何解决这个问题,才能在内层元素设置了pointer-events: none后依然能够触发el-tooltip的显示逻辑。这通常是最简单的解决方案,但可能不适用于所有情况,特别是当这个样式是出于其他设计或功能需求而设置时。,你可以考虑在内层元素外部添加一个包装元素,并将。如果可能的话,最直接的方法是移除内层元素的。

2024-12-12 10:07:37 404

原创 修改svg颜色,使其继承父元素颜色

在前端开发过程中,有时候需要svg继承父元素颜色,来决定点击图标事件是否是可操作的。

2024-12-03 09:46:39 754

原创 git如何给历史提交打标签

如果没有 -m 及后面的提交信息,创建标签后会进入vim 界面,编辑标签 message,I进入写入模式,ESC退出写入模式,:wq保存退出。在项目所在文件夹,右键git bash here。此时在远程分支上看不到此标签,只能在本地看到。此时再去git仓库查看,就可以看到该标签了。如果忘记给某个提交打标签,可以在之后补上。

2024-11-26 10:00:56 418

原创 git: 修改gitlab仓库提交地址

1、进入到项目my-project所在位置。4、再次查看新的远程仓库地址以确认修改成功。右键git bash here。2、查看当前项目远程仓库地址。3、修改远程仓库地址。

2024-11-25 13:56:27 513

原创 vue不刷新浏览器更新页面的方法

vue不刷新浏览器更新页面的方法provide和inject

2024-11-21 16:09:30 368 1

原创 标题gitLab如何打标签(git界面操作)

3、填写标签名,选择要创建的分支,以及标签信息就可以了,也可以填写Release notes信息。1、首先进入到项目里面,找到Repository下的Tages,点击进入。2、也可以直接在界面创建,点击new Tag按钮。如果是还没有创建过标签,会提示如何用命令创建。然后点击createTag按钮就创建完成了。

2024-11-19 17:40:23 847

原创 vue项目使用element-ui中的radio,切换radio时报错: Blocked aria-hidden

因为项目中有很多radio单选按钮,所以我写到全局样式中,但是出现了一个问题用scss全局引入时不生效,改成css文件才生效,这个具体原因还不知道是什么原因。后面上网查找的时候发现是浏览器的原因。

2024-11-18 17:10:40 908

原创 颜色相关的转换方法

rgb十六进制之间的相互转换,rgba里面颜色值的提取

2024-10-24 17:22:21 267

原创 vue中使用jsencrypt加密

vue中封装并使用jsencrypt加密

2024-09-29 14:29:26 1112

原创 vue配置多个接口请求地址

以/api/v2开头的接口访问地址urlC ,其余以api开头访问地址urlB。项目搭建的过程中,有多个后端接口地址,需要修改ngixn配置来匹配不同的接口。找到vue.config.js文件。查看反向代理设置的url。

2024-09-29 10:27:50 517

原创 封装axios请求

封装axios,对错误信息进行统一处理

2024-09-29 10:05:19 564

原创 登录页出现login?redirect=%2Fregister

login?redirect=%2Fregister

2024-09-18 09:52:50 390

转载 表头插槽使用#header,不能使用slot=“header”

表头插槽使用#header,不能使用slot=“header”

2024-09-06 10:20:56 315 1

原创 全局安装react

5、浏览器中出现react图标项目就创建成功并运行了。1、首先安装react脚手架。2、创建react项目。

2024-09-02 15:47:32 657

原创 ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep

:v-deep的用法已被弃用。使用:deep()代替::v-deep。

2024-08-12 14:56:31 569

原创 gitlab项目添加新成员

*‌Guest:**只有只读权限,可以查看项目内容,但不能推送代码、创建分支或创建问题。**‌Developer:**通常具有读写权限,可以推送代码和创建分支。他们可以创建问题、合并请求等,但不能修改项目设置和添加新成员。**‌Reporter:**通常拥有只读权限,可以查看项目内容,但不能推送代码或创建分支。他们可以创建问题和合并请求,以及添加注释。:拥有项目中的写入权限,可以推送代码、创建分支、管理问题和拉取请求。他们可以添加、删除项目成员,但不能修改项目的高级设置。

2024-08-05 11:08:28 4076

原创 文件夹内鼠标右键没有git bash here?

例如: D:/Desktop/photo。3、输入文件路径,(路径为反斜杠/)1、window 搜索git。2、进入git bash。

2024-08-02 16:33:01 621

原创 vue项目按键回车页面刷新且路由带?一瞬间消失

表单中只有一个输入框,在该输入框中按下回车是提交表单

2024-06-20 16:38:42 287

原创 iframe切换视图被记录到history记录,点击浏览器后退按钮pdf报错

iframe中用于PDF预览时,用户通过某些操作(如切换双页视图)改变了iframe的src或location,导致浏览器history中增加新的记录

2024-06-17 10:38:39 794 1

原创 element-ui input输入框和多行文字输入框字体不一样

页面中未作样式修改,但是在项目中使用element-ui input输入框和多行文字输入框字体不一样

2024-06-15 17:35:16 479

原创 vue列表空状态在接口返回结果前会闪现一下

vue列表空状态在接口返回结果前会闪现一下,用户体验很不好,如何解决这个问题呢

2024-04-03 17:47:36 332

原创 vue处理后端返回的日志

vue处理后端返回的日志,并保持日志内容最新

2024-04-03 16:33:19 729 1

原创 创建vue3项目及基本常用配置

vue3项目的流程以及基本配置

2024-04-03 16:07:36 1013

原创 vue项目前端如何在浏览器中添加访问pdf内容

将你的PDF文件放置在服务器的某个目录下,例如/var/www/html/pdfs/。确保服务器有权限读取这个目录中的文件。在Nginx的配置文件中为PDF文件添加一个location块。

2024-03-20 11:52:18 902

原创 vue下载excel表格

先从后端获取文件流,获取数据为blob格式,然后创建a窗口,命名要下载的文件,最后移除a标签。

2024-02-27 16:26:22 650

原创 vscode【报错】yarn : 无法将“yarn”项识别为 cmdlet

vscode【报错】yarn : 无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次。这是因为在此系统上禁止运行脚本。再回到vscode就可以了。

2024-02-22 17:35:26 1468

原创 vue 渲染多列表格,拖动加载

vue在使用el-table渲染多列(几千列)表格时,页面会十分卡顿,使用html原生表格拖动滚动条加载列,可以解决这个问题。line_data中的数据title对应index_title里的内容。

2024-01-30 16:35:01 442 1

原创 vue中数据状态轮询

如果没有单独的状态接口,把状态方法getDatasetStatus换成数据方法getTableDataList即可。最后,要在组件销毁前清空定时器,防止内存泄漏。

2024-01-25 17:17:52 1212

原创 elementui-table组件列表中的tooltip内容过长超出屏幕换行显示

el-table列属性中带的有show-overflow-tooltip,可以设置内容超出列宽度显示为…关闭el-table的show-overflow-tooltip属性,添加插槽,插槽内容为Tooltip 文字提示组件,如下所示。然后设置内容样式,宽度为多少就是tooltip多宽时换行,text_warp为tip的样式,text_els为表格里的样式。但是el-table组件自带的属性无法修改为自动换行。

2024-01-25 16:28:47 4118

原创 vue修改element面包屑样式

element面包屑默认后边的是浅颜色的,前边的是深色的,现在UI设计图要修改成前面是浅色的,后面是深色的。

2024-01-24 14:07:27 1540

原创 vue中封装使用svg图片

svg的优点 : 可以无损放大或缩小,支持多种滤镜和效果,易于修改和编辑。index.js为svg配置文件,svg下存放svg文件图片。icon-class为对应svg的文件名,class为样式名。1、封装SvgIcon组件。3、在main.js中引用。封装组件更加方便使用。2、将组件注册到全局。

2024-01-23 17:39:53 920

原创 vue全局公共样式

vue公共样式代码存放在/src/styles文件夹里。在main.js中引入index。

2024-01-23 10:39:25 1344

原创 vue中使用锚点定位

vue中不能使用a标签来使用锚点定位,可以使用scrollIntoView方法。

2024-01-22 16:34:47 1418

原创 vue使用自定义指令使用滚动加载

使用自定义指令directives来实现滚动加载,下面以下拉框滚动加载为例。

2023-12-16 13:58:02 611 1

原创 post传参传form_data格式的参数

【代码】post传参传form_data格式的参数。

2023-12-16 11:40:35 2108

原创 vue文件下载请求blob文件流token失效的问题

vue文件下载请求blob文件流token失效的问题

2023-12-12 14:19:12 339

原创 JavaScript导出文件

在前端开发过程中会遇到导出文件的需求,在下载点击事件中请求接口,弹窗就是创建a标签,然后转换返回的文件流,给弹窗赋值转换后的url。

2023-12-01 16:56:15 135

原创 后端返回图片流前端展示图片

根据后端返回的图片流格式,选用合适方法转换。下面以base64为例。

2023-12-01 16:49:57 2252

原创 数组对象深拷贝

多层嵌套的数组对象使用扩展运算符原数组依然被修改

2023-10-24 14:43:36 94

原创 清除el-form表单验证

当创建表单触发表单验证时,关闭弹窗,再次触发创建表单会触发表单验证

2023-10-19 09:31:36 753

空空如也

空空如也

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

TA关注的人

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