- 博客(10)
- 收藏
- 关注
RSS订阅原创 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关注的人