- 博客(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
原创 Pinia使用解构获取state丢失响应式bug
刷新页面结果丢失(注意这里不是持久化的问题,我这里刷新会再次调用CategoryStore中的getCategory方法获取一次列表,那必然是丢失了响应式)问题复现:当我直接对pinia传递过来的对象进行解构,发现当我刷新页面的时候,页面居然没有跟着变化,也就是说只获取到了一次值后面就没有获取到仓库的值了。2.使用storeToRefs包裹pi'nia来解决。1.不是使用解构老老实实直接使用 store 对象。我想法是直接解构出来categoryList使用。发现确实也是打印了一次结果。
2024-08-15 16:29:25
419
原创 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
原创 npm ERR! code CERT_HAS_EXPIRED错误如何解决
【代码】npm ERR!code CERT_HAS_EXPIRED错误如何解决。
2024-07-29 17:32:31
268
原创 Vue状态管理工具Vuex
Vuex 通过一个全局的 store 来管理应用的所有组件的状态,使得状态的变化可预测和追踪。允许不同组件之间共享同一状态,避免了通过 props 和事件来传递数据的繁琐操作。当状态发生变化时,组件会自动更新视图,无需手动操作。
2024-07-25 15:10:36
1298
原创 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
原创 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关注的人