- 博客(10)
- 收藏
- 关注
原创 vue3+elementplus实现侧边栏收缩折叠图标显示异常
侧边栏实现的时候,图标都用的自己的,但是加入后发现,没收缩时可以正常显示,但是折叠的时候,有子菜单的菜单收缩时会不显示图标。解决办法,将自己的图标用<el-icon></el-icon>包裹,图标就可以正常显示了。如图,这是正确的,但是我的有子菜单的菜单收缩时会不显示图标。
2023-08-06 09:22:34
890
原创 vue3+elementplus侧边栏menu递归遍历子菜单
过程中有个问题一直没搞明白,就是开启路由后,应该通过index去跳转,但是用item.path跳转会报错,说什么props传值让index是undifne。一直没搞明白,后来改为item.id就可以成功跳转了。因为id里都是数字,但确实实现跳转了。原本侧边栏写的子菜单没有用递归实现,导致代码比较多,修改也比较麻烦。于是就想改成递归的,代码如下(用了自动导入组件的插件)menu的数据,大体看看就行,我数据写的有点多。NavMenu菜单组件。
2023-08-06 09:16:52
1698
原创 vue3+elementplus关于menu菜单箭头样式修改
如图,这是我们要求显示的结果,但是其实实际实现的时候子菜单的箭头样式并没有改变。网上搜到的代码大都是这样。element默认箭头是上下。在网上搜了好久发现虽然能改掉箭头的样式,但是子菜单的箭头样式也会修改。烦死了下,其实归根结底,还是自己研究的不透彻,没有好好去看,就是一个小箭头的问题。自己仔细研究了下,原来是选择器的问题,
2023-08-06 09:07:08
2172
原创 vue3+elementplus侧边栏图标文字箭头不能正常显示的问题
elementplus官网的自定义图标没太看明白怎么搞,后来自己研究了个方法。把img包裹在el-icon里,问题解决。起码目前自定义图标正常显示,还未发现问题。要求:实现功能,一个侧边栏,可以进行收缩,一级子菜单图标需要自定义,然后箭头需要改为右下。3.箭头样式修改:网上查了好多比较麻烦,研究后发现其实只调transform属性就可以。1.一级菜单无children但是依然有下拉箭头。后来发现,需要用v-if控制子菜单的显示和隐藏。定义了一个数组进行遍历,发现问题。
2023-07-22 16:09:00
910
原创 对elementplus的组件进行样式调整:deep穿透
对elementplus的组件进行样式调整,使用deep穿透时遇到了问题,deep穿透后依然改不了样式.研究了一下,从开发者工具看到样式那里有个element.style.原来需要在属性后加上!然后研究了下这玩意,发现。
2023-07-22 15:59:40
498
1
原创 插入两张背景图片
background-position:如果只提供一个值,那么另一个方向被假定为center。如果提供了两个值,第一个会决定距离左边缘的偏移,即水平位置;第二个值会决定图片从上边缘向下的偏移,即竖直的位置。更详细的解释可以去百度搜。可以用background-image属性,插入两个url。然后去调整background-position来控制两张图片的具体位置。这周做后台页面的时候遇到一个场景,需要把两张背景图片叠放在一块进行插入,方法也不是很难,在这里记录一下。
2023-07-22 15:50:03
311
转载 OAuth 2.0的简单解释
如果我把自己的密码,告诉快递员,他就拥有了与我同样的权限,这样好像不太合适。万一我想取消他进入小区的权力,也很麻烦,我自己的密码也得跟着改了,还得通知其他的快递员。第三步,门禁系统得到我的确认以后,向快递员显示一个进入小区的令牌(access token)。有没有一种办法,让快递员能够自由进入小区,又不必知道小区居民的密码,而且他的唯一权限就是送货,其他需要密码的场合,他都没有权限?比如,微信储存了我的好友信息,获取这些信息,就必须经过微信的"门禁系统"。注意,只要知道了令牌,就能进入系统。
2023-07-12 09:35:57
60
1
转载 Vue学习笔记:手把手教你配置Tailwind
Tailwind CSS 是一个功能类优先的 CSS 框架,它集成了诸如flexpt-4和rotate-90这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。
2023-07-12 09:21:25
662
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人