
Vue&elementui
文章平均质量分 97
vue2/3+elementui,满足实际开发需求的各种“骚操作”,实际开发追求的是美观、简洁并且傻瓜化。composition API与Option API,JavaScript和Typescript都会更新
watermelo37
合作请+v:Watermelo617,备注说明来意。一个假装是giser的coder,做不只专注于业务逻辑的前端工程师,java、docker、数据库、python、LLM均有涉猎。提问最好私信,评论容易漏掉,欢迎互关,欢迎讨论,一起进步!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Vue3的Proxy解决了多少Vue2中defineProperty解决不了的问题?
在 Vue3 发布时,Proxy 的引入被称为“技术底座的大革新”。相比 Vue2 使用的 Object.defineProperty,Proxy 带来了巨大的功能提升与开发体验优化。 那 Vue3 的 Proxy 解决了哪些 Vue2 中 defineProperty 解决不了的问题呢?原创 2025-06-16 10:14:47 · 1243 阅读 · 86 评论 -
Vue3调度器错误解析,完美解决Unhandled error during execution of scheduler flush.
优秀的开发者不是不犯错,而是让错误无处遁形。解决“Unhandled error during execution of scheduler flush. This is likely a Vue internals bug” 的七种技巧原创 2025-05-05 22:15:46 · 5468 阅读 · 130 评论 -
PDF预览:利用vue3-pdf-app实现前端PDF在线展示
怎么在前端在线展示pdf?怎么实现pdf预览功能?在本文的介绍中,我们详细了解了如何在Vue3项目中使用vue3-pdf-app实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化,希望对你有所帮助。在实际项目中,灵活运用这些技术可以大大提升用户体验和项目质量。原创 2024-08-07 10:28:58 · 5436 阅读 · 40 评论 -
报错详解——Vue升级带来的elementui冲突警告: Invalid prop: custom validator check failed for prop “type“.
以下两种警告一次性解决,包括解决方案,产生原因和深度思考:Invalid prop: custom validator check failed for prop "type". Invalid prop: validation failed for prop "type". Expected one of ["success", "info", "warning", "danger", ""], got value "primary".原创 2025-04-02 15:40:42 · 3370 阅读 · 56 评论 -
PDF在线预览实现:如何使用vue-pdf-embed实现前端PDF在线阅读
本文详细介绍了如何在Vue项目中使用vue-pdf-embed实现PDF文件的在线展示。从项目初始化、插件集成到高级功能的实现和部署优化,希望对你有所帮助。在实际项目中,灵活运用这些技术可以大大提升用户体验和项目质量。原创 2024-08-11 19:37:10 · 2966 阅读 · 28 评论 -
直击Vue2/3watch的底层逻辑,字符串长度对侦听效率的影响
vue中watch的实现机制,数据长度的扩充对watch效率的影响。vue中如何实现对数据变化的侦听。字符串长度变化对侦听过程有哪些影响。原创 2024-08-08 10:58:59 · 2570 阅读 · 39 评论 -
极致的灵活度满足工程美学:用Vue Flow绘制一个完美流程图
如何在前端用js绘制流程图?VueFlow是一个优质的选择。VueFlow是什么?VueFlow怎么用?Vue Flow的特点就是,什么都可以要,什么都要自己写。相比于mermaid来说,Vue Flow接受的数据更复杂冗长,并且预定义的内容极少,连默认的布局都没有(节点通过position控制位置,很容易重叠)。但是Vue Flow提供的自定义API非常丰富并且强大。如果您想发挥自己天马行空的想象力,或者满足复杂的项目流程需求,Vue Flow一定能满足您的预期。原创 2024-07-29 17:57:48 · 30005 阅读 · 75 评论 -
高效工作流:用Mermaid绘制你的专属流程图;如何在Vue3中导入mermaid绘制流程图
mermaid是一款非常优秀的基于 JavaScript 的图表绘制工具,可渲染 Markdown 启发的文本定义以动态创建和修改图表。非常适合新手学习或者做一些弱交互且自定义要求不高的图表 除了流程图以外,mermaid还支持序列图、类图、状态图、实体关系图等图表可供探索。原创 2025-01-07 21:54:27 · 7958 阅读 · 57 评论 -
Vue 性能革命:揭秘前端优化的终极技巧;Vue优化技巧,解决Vue项目卡顿问题
Vue在处理少量数据和有限dom的情况下技术已经非常成熟了,但现在随着AI时代的到来,海量数据场景会越来越多,Vue优化技巧也是必备技能。原创 2024-07-05 21:23:59 · 3159 阅读 · 48 评论 -
你真的会使用Vue3的onMounted钩子函数吗?Vue3中onMounted的用法详解
onMounted作为vue3中最常用的钩子函数之一,能够灵活、随心应手的使用是每个Vue开发者的必修课,同时根据其不同写法的特性,来选择最合适最有利于维护的写法。原创 2024-05-25 17:33:09 · 23814 阅读 · 18 评论 -
管理数据必备;侦听器watch用法详解,vue2与vue3中watch的变化与差异
一篇文章同时搞定Vue2和Vue3的侦听器,是不是很棒?不要忘了Vue3中多了一个可选项watchEffect噢原创 2024-06-10 22:30:33 · 3481 阅读 · 16 评论 -
路由通配符,小小的字符有大大的作用,你真的熟悉吗?
使用 :catchAll 可以创建非常灵活的路由规则,因为它可以匹配几乎任何形式的 URL。所以用来做404页面的路由匹配符非常好用。原创 2024-06-08 23:15:06 · 2728 阅读 · 20 评论 -
通过el-tree自定义渲染网页版工作目录,实现鼠标悬浮显示完整名称、用icon区分文件和文件夹等需求
将服务器的工作目录渲染到前端页面上是经常遇到需要实现的需求,其中从后端API获取本地目录信息后,将数据渲染成自定义的前端工作目录是篇博客将要谈到的主要内容原创 2024-05-21 17:24:06 · 2409 阅读 · 2 评论 -
el-table实现动态数据的实时排序,一篇文章讲清楚elementui的表格排序功能,利用@sort-change实现动态数据排序,el-table排序方法,el-table可变数据的动态排序
写这篇博客的原因是前段时间做了一个数据列可变的表格,同时需要实现在网页中更新了数据列之后,能够对表格进行排序的需求。博客主要内容:el-table实现动态数据的实时排序,一篇文章讲清楚elementui的表格排序功能,利用@sort-change实现动态数据排序,el-table排序方法,el-table可变数据的动态排序原创 2024-04-08 16:29:28 · 9769 阅读 · 6 评论 -
表格中添加渐变色带,表格中添加多色色带,el-table中添加渐变色带,elementUI表格添加色带
渐变色带,能大幅提升可视化效果,优雅美观,同时也可以自定义程度,比如60以下就需要警告或者表示危险,就可以用红色渐变绿色,将渐变点设置在60%的位置,这样渐变色带在美观的同时本身也能带有更多的信息。多色色带,只要选好配色,就能明亮简洁,信息全面,同时也能做维度筛选。直观来看是综合的色带,但是每个具体的维度都能展示,并且可以隐藏部分维度重新排序(也就能实现单维度展示和排序)在表格中添加色带,可视化效果能更加优雅美观。原创 2024-03-31 23:50:02 · 2714 阅读 · 1 评论