Vue.js论坛 今日: 0|主题: 240|排名: 13 

在使用公司的信息系统时，偶然发现一个下拉组件选择无效，于是看一下前端页面的代码。 前端页面是基于ant Design vue组件开发，JS代码如下，主要用于获取当前登录用户所属的组织机构列表和默认的组织机构 //获取用户信息 const userInfo = tool.data.get('USER_INFO') //获取用户归属的组织机构列表（有多个） const orgs ...

vue2 甘特图 vxe-gantt 一行渲染多个子任务的配置，但需要在父级任务直接显示所有子任务时，可以通过 task-bar-subview-config 和父级任务设置type= VxeGanttTaskType.Subview 来设置，会自动将所有子任务渲染到父级任务中 https://gantt.vxeui.com 设置 task-bar-subview-config.showOverview 设置是否任务总览，当子任 ...

vue甘特图 vxe-gantt 如何将子任务显示一行在父级中，父级行内渲染显示子任务的用法，行内展示子任务由 task-bar-subview-config 和父级任务设置type= VxeGanttTaskType.Subview 来启用。启用后会将所有子任务渲染到父级任务中，可以直观的看到任务全程进度, task-bar-subview-config.showOverview 设置是否任务总览，当子 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 有一天，甲方打开一个后台管理的项目，说有点卡，不太满意，项目经理叫我优化，重新打包一下。 从输入地址 到 展示 首屏，最佳时间在 3秒内，否则，甲方挂脸，咱就有可能有被裁的风险，understand? 废话不多说，先来看一下怎么个优化法吧。 优化 ✅ cdn 分析 用Webpack B ...

vue表单vxe-form如何多字段联动校验，对一个控件校验多个关联字段。正常的表单场景是一个控件一个字段，那么配置起来非常任意，一个字段对应一个校验规则。当时某些复杂场景就不一样了，比如用户控件，有id/code/role等。比如范围日期选择，一个控件是对应2个字段的，开始日期和结束日期。这个时候就可以使用 rule 规则中 f ...

vxe-table 表格 vue 单元格渲染上传附件，显示图片列表，适配上传附件样式的用法，在系统中渲染复制表格时，经常会涉及到附件和图片等上传问题，比如在列表单元格中需要支持上传附件，由于单元格太小，一般的组件根本无法正常显示适配，这时候就可以使用上传附件紧凑模式，通过配置更多按钮来实现。 https://vxetable.cn 附 ...

vue 表格 vxe-table 如何设置列默认不显示，用户可以手动通过工具栏设置显示。实现该方式非常简单，可以通过列的 visible 属性设置为默认不显示，然后用户可以在工具栏的自定义列里面勾选显示或隐藏。自定义方式就很方便了。 https://vxetable.cn 通过设置 toolbar-config.custom 启用列个性化设置功能,然后将列的 visible ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前端性能优化实战：ECharts地图渲染12万+数据动态动画方案 本文记录了在实际项目中，使用ECharts地图组件渲染12万+设备安装数据的性能优化实战经验，包含完整的技术方案和代码实现。 项目背景 公司需要将全年设备安装量通过旗帜的形式展示在全国地图上，实现数据可视化大屏 ...

vue2 表格如何使用 vxe-table 带列头复制单元格内容同步到 excel 中，vxe-table 本身是支持该功能的，通过设置 clip-config.isCopyHeader 启用复制时带列头信息。 https://vxetable.cn 复制粘贴，通过 keyboard-config.isClip 启用,复制带列头功能 clip-config.isCopyHeader 启用 <template> <div> <vxe-grid v-bind ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 现在写异步代码，基本上就是 Promise 和 async/await 两种写法。虽然这俩都能干同样的活，但 async/await 写起来更像同步代码，读起来更顺眼，所以很多人都说它是"异步编程的终极方案"。 不过有个问题挺让人纠结的：用 async/await 的时候，到底要不要加 try catch 来抓 ...

vue表格 vxe-table 如何实现键盘导航时，按回车健向右移动，并到最后一行时按回车自动新增一行，表格组件本身支持按回车键自动新增行/按 Tab 键自动的新增行，通过以下参数开启就可以了。 https://vxetable.cn 按 Tab 键在最后一行tab键自动新增一行 通过 keyboard-config.isLastTabAppendRow 设置当活动单元格处于最后一行 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 拖拽功能是前端开发里最常见的交互之一： 从 百度网盘的文件拖拽，到 Figma 的画布操作，都离不开拖拽能力。 很多人会觉得——拖拽不就是 mousedown + mousemove + mouseup 吗？三行代码就能搞定！ 但当你真正落地到生产环境时，坑点就会接踵而来： PC 和移动端事件机制不同 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 面试官问："用户 token 应该存在哪？" 很多人脱口而出：localStorage。 这个回答不能说错，但远称不上好答案。 一个好答案，至少要说清三件事： 有哪些常见存储方式，它们的优缺点是什么 为什么大部分团队会从 localStorage 迁移到 HttpOnly Cookie 实际项目里怎么落地、怎 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 今天来分享 10 个 Vue3 的性能优化技巧。 核心原则： 减少不必要的响应式追踪 避免无谓的 DOM 操作 按需加载资源 咱也不要为了优化而优化！小项目用默认写法完全没问题，优化应在性能瓶颈出现后进行。 这些技巧不难，但都非常关键。 看完你会发现：原来 Vue3 还能这么写 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前端 HTML 转 PDF 的工具函数，核心作用是：把网页中指定 ID 的 DOM 元素（比如表格、报表、表单等），通过 html2canvas 和 jspdf 两个库转换成 PDF 文件并下载到本地。 简单说：它能让用户 “一键下载” 网页上的某个区域为 PDF（比如报表、数据统计页、 ...

JeecgBoot Vue3 实战：构建高效的企业级前端业务模块 JeecgBoot-Vue3 是一个基于 Vue3.0 + TypeScript + Vite6 + Ant-Design-Vue 的现代化前端解决方案。它集成了二次封装组件、Utils、Hooks、动态菜单、权限校验及按钮级权限控制等核心功能，旨在为企业级应用提供高效、稳健的开发体验。 核心价值：强大的代码生成器让前 ...

vue 可视化表单设计器 vxe-form-design 创建自定义控件的详细用法，vxe-design 是 vxe 下的一个开源的可视化设计器，在使用表单设计器时，通常需要将业务的的每一个控件进行封装，以适应业务的需求，接下来介绍一下如果来定义一个自定义的控件。 https://design.vxeui.com 定义控件分组 支持任意分组和自定义左侧控件分组名 ...

Vue3 + 高德地图(AMap) 实现平滑的实时轨迹展示 前言 在物联网、物流监控或安防调度系统中，实时展示设备（如无人机、车辆、手环）的移动轨迹是一个常见需求。如果仅仅是简单的更新标记点位置，视觉上会出现“跳变”现象，体验很不流畅。 本文将分享如何在 Vue 3 项目中，利用 高德地图 (AMap) JS API 实现比较丝滑的实时轨 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 最近公司又接了个数据可视化大屏的需求，设计稿是标准的 1920 x 1080。 拿到设计稿的那一刻，我的内心是拒绝的... 🤯 大家都知道，做大屏适配最烦的就是还原设计稿坐标。 以前我尝试过各种方案： rem / vw: 每一个 px 都要转换，写 css 的时候旁边还得开个计算器，太 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 你是不是也遇到过这样的场景？ 在Vue项目里，为了跨组件传递数据，你用provide和inject写了一套祖孙通信逻辑。代码跑起来没问题，但TypeScript编辑器总给你画红线，要么是“类型any警告”，要么就是“属性不存在”的错误提示。 你看着一片飘红的代码区，心里想着：“功能能用 ...