![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
工作总结
Mr_LiuP
pink的含义是:拼尽全力!克服困难
一枚醒悟过来的前端learner
展开
-
开发需求16-修改el-tree组件的父子关联关系,选中子节点后向上选中所有父节点,不选中下面的子节点;选中父节点,只选中当前节点
修改el-tree组件的父子关联关系,选中子节点后向上选中所有父节点,选中父节点只选中当前节点,不选中下面的子节点原创 2024-04-13 19:00:21 · 618 阅读 · 1 评论 -
开发需求15-使用el-checkbox组件实现el-tree组件的父子关联关系(非全选/全不选)
使用el-checkbox组件实现el-tree组件的父子关联关系(非全选/全不选)原创 2024-04-13 18:31:23 · 532 阅读 · 0 评论 -
开发需求总结14-数组对象中根据相同的id进行排序
数组对象中根据相同的id进行排序,如定义一个数组:let arr = [{etid:2938, sonid: 5233}, {etid:2937, sonid: 5233} ,{etid:2938, sonid: 5238}], 如果etid的值相同,则把etid相同的元素放在一起重新排序原创 2024-04-13 17:43:16 · 481 阅读 · 0 评论 -
开发总结13-vue父子组件生命周期函数执行顺序
vue父子组件生命周期函数执行顺序转载 2024-03-08 16:28:45 · 63 阅读 · 0 评论 -
开发总结12-call、apply、bind区别
call、apply、bind区别原创 2024-03-08 16:16:08 · 412 阅读 · 0 评论 -
开发需求总结11-时间选择器组件封装(默认展示当前-往前一个月)
项目中多处使用到了时间范围选择器组件,并且有的需要默认选中当前日期-往前一个月 或者 展示最近7天等,所以最好是将其封装,通过props传递数据即可。原创 2024-01-23 14:54:40 · 518 阅读 · 1 评论 -
开发需求总结10-修改el-form-item的label,实现换行并且修改换行字体的样式
修改el-form-item的label,实现换行并且修改换行字体的样式原创 2024-01-15 15:41:21 · 1544 阅读 · 0 评论 -
开发(bug)总结8-(前端)后管系统登录后隐藏url上信息同时获取url上携带参数
现在有一个需求,后端会邮件发送系统中的链接,这个链接是携带参数(id、用户的加密信息),比如:https://47.23.12.1/task/list?但此时我遇到一个问题,每次通过此链接进来后,问号后面的参数就自动没了,这让我很费解,后来看了代码发现在守卫里有这行代码:next({path: to.path, replace: true}) 这行代码的意思就是 确保addRoutes已完成。next() //此处loginAdmin是做了绕过aam的登录,本地登录后直接放行,方便测试。原创 2023-12-20 15:42:41 · 1140 阅读 · 0 评论 -
开发(bug)总结7-前端字符串转数组对象实现方式
字符串转数组对象实现方式原创 2023-11-09 15:51:54 · 657 阅读 · 0 评论 -
开发(bug)总结6-Echart图表收起/展开后无法重新渲染实现自适应(亲测有效)
后台管理系统,左侧的菜单栏是可以展开/收起的,默认是展开,此时页面上的图表加载正常,如果收起后再展开,页面底部就会出现滚动轴,图表没有重新绘制。1、保存收起/展开 状态,当操作 展开/ 收起的时候,watch检测值的变化(我项目中状态是存到了store中)以上代码,完美解决我项目中遇到的问题。每个人遇到的问题都不太一样,具体可以多看看,多尝试。只要窗口大小发生像素变化就会触发。原创 2023-10-20 15:45:12 · 664 阅读 · 0 评论 -
开发(bug)总结5-el-input无法输入的问题和表单验证失败问题(亲测有效)
原因(可能):网上查了很多都没有给出明确的解释,有的说可能是因为组件嵌套太深导致的,也有可能是组件本身有潜在bug。真实原因也没搞懂,有知道的同学可以告诉下。// this.$forceupdate() // 强制数据刷新之后, 验证失效, 改用 $set ,亲测有效。点击添加,表单内可输入用户名 和 用户姓名,但有时会偶发出现无法这两个input框里面无法输入内容。大部分无法输入的问题:基本都是没有进行v-model双向数据绑定,这个很好解决。原创 2023-10-20 15:10:57 · 3116 阅读 · 0 评论 -
2023前端面试题汇总(最新)-持续更新中
Vue 中的 data 必须是个函数,因为当 data 是函数时,组件实例化的时候这个函数将会被调用,返回一个对象,计算机会给这个对象分配一个内存地址,实例化几次就分配几个内存地址,他们的地址都不一样,所以每个组件中的数据不会相互干扰,改变其中一个组件的状态,其它组件不变。简单来说,就是为了保证组件的独立性和可复用性,如果 data 是个函数的话,每复用一次组件就会返回新的 data,类似于给每个组件实例创 建一个私有的数据空间,保护各自的数据互不影响。原创 2023-07-17 10:55:55 · 19234 阅读 · 5 评论 -
开发需求4-vue组件排序(插槽实现)
举个例子:一个页面显示广告有A、B、C,我们默认显示客户A、B、C,但是有1/4客户对广告B诉求比较大,我们希望这部分客户看到的广告顺序是B、A、C。而我们这个组件,就能实现这样的效果。可以帮助我们实现修改页面上各模块组件的显示顺序。原创 2023-07-13 14:14:48 · 296 阅读 · 0 评论 -
开发需求总结3-高亮标记、时间格式转换、字符串截取
时间戳原创 2023-02-25 17:19:34 · 355 阅读 · 1 评论 -
开发学习总结2-清除被占用的端口
有时在开发过程中,如果你已经运行了一个项目的mock命令,此时如果需要运行另外一个项目的,npm run mock 的时候会发现3000端口仍然被占用,如果关闭第一个已经运行的项目会发现端口仍然被占用。那么可以利用下面的命令,来杀掉进程。看到进程的PID,可以将进程杀死。查看端口被哪个程序占用。原创 2023-02-25 16:44:19 · 670 阅读 · 0 评论 -
开发学习总结1-ClipboardJS,一款将文本复制到剪贴板的js插件
clipboardJS,前端复制插件原创 2022-06-28 11:32:28 · 797 阅读 · 0 评论