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

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 开发过Vue应用的同学对KeepAlive功能应该都不陌生了，但是大家对它的理解是只停留在知道怎么用的阶段 还是说清晰的知道它内部的实现细节呢，在项目中因KeepAlive导致的的Bug能第一时间分析出来原因并且找到解决方法呢。这篇文章的目的就是想结合Vue渲染的核心细节来重新 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 我本身是做 Web 开发的，最近需要写个小工具，调用一些系统 API，就选择了比较成熟的 Electron。结果业务代码写了三小时，环境配置、镜像、文件引用、打包路径、体积过大、文件被锁定……各种问题却折腾了将近三天。写下这篇笔记，记录这一路的坎坷。 第一难：官方文档搭不 ...

vxe-table 复制单元格内容总会在最后加个换行符，如何去掉末尾换行符的解决方法，默认情况下复制单元格内容时，会自动在文本尾部带个换行符。 https://vxetable.cn 通过 clip-config.isTrimCopyContent 来启用对复制后内容的修剪功能，自动去掉本次内容的换行符 <template> <div> <vxe-switch v-model="clipConfig.i ...

vxe-table 个性化列自定义列弹出层修改高度、修改最大高度不自动适应表格高度的方法 默认情况下，在表格设置高度或最小高度的情况下个性化列弹出层默认内部模式（自适应表格高度），表格多高就最大多高；未设置高度情况下默认外部模式（不跟随表格高度） https://vxetable.cn 自适应高度时 当 custom-config.poupuOptions.m ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 前言 在前端开发中，ECharts 作为数据可视化的利器被广泛使用，但每次使用都要重复处理初始化、容器获取、事件绑定、窗口 resize 等逻辑，不仅繁琐还容易出错。最近我封装了一个useEchart Hooks，彻底解决了这些痛点，今天就来分享一下实现思路和使用技巧。 为什么需 ...

vue 表格 vxe-table 加载数据的几种方式，更新数据的用法，vue 最强大的表格组件，支持 vue2 和 vue3，功能太多，这里介绍基础用法 https://vxetable.cn 双向绑定 data 方式 数据是双向同步的，修改 data 就可以自动刷新 <template> <div> <vxe-button status="primary" @click="loadList1Event">修改1</vxe-button ...

Vue3基于 ZLMRTCClient 实现高性能 WebRTC 流播放器 之前文章有介绍过weRtc的应用参考这边文章：https://www.cnblogs.com/lijinhuaboke/p/19456259 后面发现一个更便捷的在现代webRtc提出播放器，都不用自己封装写方法，下载ZLMRTCClient.js直接用就行。就介绍如何在 Vue 3 项目中，利用 ZLMediaKit 提供的 ZLMRTCClient.js ...

Vue3 ：封装 WebRTC 低延迟视频流与 WebSocket 实时状态驱动的大屏可视化 在工业互联网和智慧安防领域，实时监控大屏是核心业务场景之一。本文将分享在最近的“油罐车作业智能监控系统”中，如何利用 Vue3 + TypeScript 技术栈，实现低延迟的 WebRTC 视频流播放，以及基于 WebSocket 的全链路作业状态实时同步。 一、 业务 ...

vue 树组件 vxe-tree 如何异步判断右键菜单的权限控制，异步显示隐藏菜单选项,通过 menu-config.options 来配置右键菜单 https://vxeui.com 通过 menu-config.options.loading 来配置是否加载中,menu-config.options.visible 来实现是否显示菜单 <template> <div> <vxe-tree v-bind="treeOptions" v-on="treeEvents" ...

vue vxe-context-menu 如何给任意组件使用右键菜单，全局右键菜单，支持任意组件中直接调用右键菜单 打开右键菜单：VxeUI.contextMenu.open({ options }) 事件触发右键菜单：VxeUI.contextMenu.openByEvent(event, { options }) 关闭右键菜单：VxeUI.contextMenu.close() https://vxeui.com 任意组件调用右键菜单 通过方法 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 1. ResizeObserver ResizeObserver 是一个浏览器原生的 JavaScript API，用于监听 DOM 元素尺寸的变化。它类似于 MutationObserver，但专门用于观察元素的大小（宽高）变化，而无需依赖 window.resize 事件（后者只对视口变化有效）。 🧩 基本用法 const resizeObserver = ...

vue 如何实现 vxe-table 的按键操作回车键的上下移动修改为 Tab 键的左右切换，支持将回车键替换Tab键的功能操作 https://vxetable.cn 通过设置 keyboard-config.enterToTab 将回车键上下切换行为修改为 Tab 键左右切换行为,还可以通过 keyboard-config.enterMethod 覆盖默认行为实现自定义业务逻辑 <template> <div> ...

vue 甘特图 vxe-gantt 如何实现标记删除数据，显示标记删除后行效果，获取已标记的行数据 https://gantt.vxeui.com 标记为待删除状态，通过调用 setPendingRow 方法标记为待删除状态，由内部 CRUD 管理器自动记录操作行为，可以通过 getPendingRecords 获取； <template> <div> <vxe-button status="success" @click ...

vxe-table 如何实现对单元格数据校验不通过的单元格显示背景颜色,通过设置 valid-config.theme='beautify' 设置为高亮样式,调用 fullValidate 方法可以同时显示多个错误提示。 https://vxetable.cn 通过设置 valid-config.showErrorBackground 显示校验错误单元格背景色 <template> <div> <div> <vxe-button ...

vxe-table 如何实现分页勾选复选框功能，分页后还能支持多选的选中状态，要实现这个功能，有多种方式 https://vxetable.cn 可以使用一个变量来记录已选的数据，在分页时重新赋值选中状态。 使用内置的选中状态记忆保留功能，可以直接使用，无需再额外写代码 分页多选保留状态 当使用数据分页与复选框多页选中时，可以通过 ...

vxe-table 修改表格样式，修改边字体、框、背景色等样式的用法，支持 css 变量和 scss 主题变量，可以非常方便的对样式进行全局修改和局部修改。 https://vxetable.cn 修改字体大小 css 变量 如下： --vxe-ui-font-size-default: 18px; --vxe-ui-font-size-medium: 16px; --vxe-ui-font-size-small: 14px; --vxe-ui-font-si ...

vue 甘特图 vxe-gantt table 可视化依赖线的使用，可视化拖拽创建连接线的用法 支持拖拽两个任务之间创建连接线、支持双击线删除 https://gantt.vxeui.com/ 类型说明 0 FinishToStart 结束后才开始，表示一个任务必须在另一个任务开始之前完成 1 StartToFinish 开始到结束，表示从某个过程的开始到结束的整个过程 2 StartTo ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 我们知道，Next.js 最核心的特性便是 支持静态生成（SSG）和服务端渲染（SSG），这也就意味着我们可以以部署 Node 服务的方式，将其部署在服务器上，用请求后端接口类似的形式来请求页面文件。换句话说，我们其实可以直接把 Next.js 看成一个特殊的 Node 后端服务。 既然是在 ...

🧑‍💻 写在开头 点赞 + 收藏 === 学会🤣🤣🤣 Codex 是OpenAI 推出的一系列人工智能编码工具，通过将任务委托给强大的云端和本地编码代理，帮助开发人员提升工作效率。支持原生终端、vscode插件、cursor插件等场景使用。 官网网站 openai.com/codex/ 系统要求 步骤一：安装Codex CLI 选择一种安装方式即可。 npm（ ...

vue 表格 vxe-table 开启筛选、excel 筛选框列表样式，通过设置列的 filterRender.name = 'FilterAggregation'启用组合筛选功能 https://vxetable.cn <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </div> </template> <script setup> import { reactive } from 'vue' const nameFilterRender = ...