自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Element plus使用menu时候如何在折叠时候隐藏掉组件自带的小箭头

就是这个小箭头太折磨人了,因为我需要根据路由动态加载menu,所以对这个menu组件进行了一些处理,然后可能是因为破坏了它原来的层级关系吧导致折叠菜单的时候这个小箭头还在(官网的这个是会隐藏掉的)思想很简单就是根据路由去递归嘛然后由于菜单分为目录菜单el-sub-menu和功能菜单el-menu-item,这里目录菜单呢就是点击展开然后它的里面又可能包含了多个功能菜单。这样也就隐藏了文本但是这个小箭头很顽固不能隐藏,于是我尝试在用一个不带scoped的style就把这个箭头隐藏了。

2024-11-12 10:40:06 808 1

原创 ElementPlus中时间选择器配置

这里可以吧DEFAULT_DATE_TIME这个常用的写在一个js里面当常量吧。看文档老是力不从心,感觉找不到自己想要的样式的选择器记录一下吧。

2024-10-18 15:32:50 461

原创 谈谈单页面SPA应用路由原理

vue路由有两种工作模式(hash,history)可以从url上直观的看出来使用的哪一种模式hash的url上是会带有#,通常来说一般更适用于后台管理系统而history则更美观一些。

2024-10-18 11:22:10 768

原创 vant tab选中状态样式设计

1、将下划线变更为椭圆背景 2、选中项字体变粗。

2024-09-13 16:47:47 381

原创 前端处理日期类型

【代码】前端处理日期类型。

2024-08-21 08:35:40 312

原创 Pinia使用解构获取state丢失响应式bug

刷新页面结果丢失(注意这里不是持久化的问题,我这里刷新会再次调用CategoryStore中的getCategory方法获取一次列表,那必然是丢失了响应式)问题复现:当我直接对pinia传递过来的对象进行解构,发现当我刷新页面的时候,页面居然没有跟着变化,也就是说只获取到了一次值后面就没有获取到仓库的值了。2.使用storeToRefs包裹pi'nia来解决。1.不是使用解构老老实实直接使用 store 对象。我想法是直接解构出来categoryList使用。发现确实也是打印了一次结果。

2024-08-15 16:29:25 419

原创 vue3项目导入阿里图标库iconfont

我们需要的就是demo下的这些个文件。

2024-08-15 13:53:30 751

原创 定制elementPlus主题

1.配置elementPlus采用sass样式配色系统。2.自动导入定制化样式文件进行样式覆盖。

2024-08-15 08:51:54 265

原创 vue项目.env系列文件配置

会根据启动命令自动加载相对应的环境配置文件。比如执行npm run serve命令,会自动加载.env.development文件(所以不要乱取名).env.env文件是项目中全局环境变量,为了防止意外地将一些环境变量泄漏到客户端,只有以。里面配置好,执行serve的时候用开发环境的。优先级:.env(全局)>.env.production(环境).env:全局默认配置文件,无论什么环境都会加载合并。.env.development:开发环境的配置文件。.env.production:生产环境的配置文件。

2024-08-14 11:22:21 718

原创 JS正则相关

正则表达式相当灵活,但是需要掌握一些语法规则和修饰符,以及一些应用场景。灵活运用可以极大的提高代码的效率和可读性。

2024-08-07 11:36:55 398

原创 深入深拷贝

深拷贝遇到环如何处理

2024-08-01 11:19:25 446

原创 在前端使用aliyun-oss对象存储

这种对象存储的方式不常见,一般都是后端操作,知道有这么个玩法也是好的。

2024-07-30 14:13:27 545

原创 npm ERR! code CERT_HAS_EXPIRED错误如何解决

【代码】npm ERR!code CERT_HAS_EXPIRED错误如何解决。

2024-07-29 17:32:31 268

原创 前端文件上传与文件相关操作

前端文件上传

2024-07-26 22:20:41 266

原创 Vue状态管理工具Vuex

Vuex 通过一个全局的 store 来管理应用的所有组件的状态,使得状态的变化可预测和追踪。允许不同组件之间共享同一状态,避免了通过 props 和事件来传递数据的繁琐操作。当状态发生变化时,组件会自动更新视图,无需手动操作。

2024-07-25 15:10:36 1298

原创 Axios请求的请求方式以及传参

Axios请求的请求方式以及传参

2024-07-17 17:01:54 371

原创 Vue 插件的安装

Vue 中安装一个插件

2024-07-17 15:44:40 319

原创 前端必备技能server-json

json-server 一个快速构建 REST API 的工具

2024-07-16 22:38:42 234

原创 Vue input输入框每次输入一个字符后失去焦点bug

今天写项目的时候遇到一个很奇怪的bug:每次表单输入一个字符失焦。

2024-07-15 16:06:08 625

原创 git简明指南

Git工具类似于我们传统使用的SVN一样,是一种项目托管平台,它支持局域网和公网模式;本文我们不多说,仅仅针对主题:如何删除本地项目仓库?使本地项目变成一个没有被Git托管的清白项目?创建新文件夹,打开文件夹所在目录,执行命令git init以建立新仓库。在本地项目文件中使用bash配置git。

2024-07-06 08:02:18 410

原创 关于vue2中数据数据更新视图不更新的情况

vue2的数据劫持是基于Object.defineProperty()的,es6中引入了Proxy对象,vue3也正是使用的Proxy对象所以不会发生下面将要描述的vue2数据更新视图不能及时更新的问题。这段代码看似天衣无缝其实当你点击按钮时候changeBaseInfo方法确实也是被执行了但是你的div里面的内容还是没有变化也就是说这种操作暗地里操作一下数据还是可以但是如果数据是要实时显示到视图上的那就可真遭罪了,下面写一下逆天改命的方法。这招很快但是有副作用慎用。

2024-07-05 16:48:02 813 1

原创 JavaScript常用的列表方法

push():在列表添加一个或者多个元素。pop():移除并返回列表的最后一个元素unshift():在列表添加一个元素或者多个元素shift():在列表删除一个元素concat():连接两个或多个列表,并返回一个新的列表slice():返回子列表splice():从列表中添加、移除或替换元素。indexof():返回指定元素在列表中首次出现的索引lastIndexof():返回指定元素在列表中最后一次出现的索引join():将列表中的所有元素以join函数中参数指定的字符形式连接起来。

2024-06-28 22:29:47 2011

原创 nginx简单部署前端项目

https://nginx.org/en/download.html下载稳定版本。

2024-06-28 19:56:23 253

原创 Git解决push遇到冲突问题

两个开发者 A 和 B 同时克隆了同一个远程仓,两人都在本地分支进行修改,并将修改推送到远程仓库。开发者 A 先推送了他的分支到远程仓库,开发者 B 在推送自己的分支时,由于此时远程仓库已经发生变化,可能与他本地的分支不一致,因此Git会拒绝推送。

2024-06-26 09:52:06 1630

原创 前端数组扁平化的方法

数组扁平化也就是将一个多维数组转变为一维数组的过程,例如[1,2,3,[1,3],[1,4,[1,3]]]这个多维数组扁平化处理成一维数组[1, 2, 3, 1, 3, 1, 4, 1, 3]。

2024-06-20 11:35:52 242

空空如也

空空如也

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

TA关注的人

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