vue表格vxe-table实现表头合并，分组表头自定义合并
在开发后台管理系统时，经常会遇到需要展示复杂表格的场景，其中表头合并（多级表头、不规则合并）是一项常见需求。vxe-table 是一款功能强大的 Vue 表格组件，它不仅支持树形分组表头，还提供了自定义列头合并的功能，允许开发者灵活地将任意单元格进行合并，满足各种复杂的表头设计。 形分组表头 vs ...
vue 表格 vxe-table 高亮行支持取消操作
在使用 vxe-table 表格组件时，默认情况下，当用户点击某一行时，该行会高亮显示（即成为当前行），并且无法通过再次点击来取消高亮。这种交互适用于需要始终选中一行的场景。 但在某些业务场景下，可能需要允许用户取消选中当前高亮的行（例如，允许不选中任何行）。vxe-table 提供了灵活的配置来实 ...
vue表格vxe-table如何获取拖拽后的行序号
vue表格vxe-table如何获取拖拽后的行序号，通过 row-config.drag 和列设置 drag-sort 启用行拖拽排序功能 通过调用 getFullData 方法获取拖拽后的数据，遍历数据得到序号 <template> <div> <vxe-button status="succes ...
vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能（含二次确认）
vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能，支持二次确认 https://gantt.vxeui.com 配置说明 实现该功能主要依赖 taskLinkConfig 对象中的两个属性： isDblclickToRemove 说明：开启/关闭双击删除线的功能。设置为 true ...
今天吃什么？交给它就够了！一款开源菜谱工具！
cook —— 一个面向中文用户的菜谱类开源项目（原名「隔离食用手册」），初衷是为疫情隔离期间食材有限的用户提供适配的菜谱推荐，如今已拓展为日常可用的菜谱工具。 ...
不是有video标签吗？为什么还需要视频播放器？
写在开头 点赞 + 收藏 学会 这是一个非常好的问题！确实，HTML5 提供了原生的 <video> 标签，理论上可以直接播放视频，但为什么在实际项目中我们常常还会使用 Video.js、Plyr、hls.js 等“视频播放器”库呢？原因如下： 一、原生 <video> 的局 ...
vue vxe-table 数据分组与排序的实现方式
vue vxe-table 数据分组与排序的实现方式，当需求需要能支持数据分组并对分组后的子项进行排序时，可配合 sortable 来实现 https://vxeui.com <template> <div> <vxe-grid v-bind="gridOptions"></vxe-grid> </ ...
告别满屏 v-if：用一个自定义指令搞定 Vue 前端权限控制
写在开头 点赞 + 收藏 学会 在企业级应用开发中，权限控制是一个绑不开的话题。前端权限控制虽然不能替代后端校验，但能极大提升用户体验——让用户只看到自己能操作的内容，避免无效点击和困惑。 本文将分享一个 Vue 2 自定义指令的设计思路，实现了声明式的权限控制方案。 设计目 ...
用好了 defineProps 才叫会用 Vue3，90% 的写法都错了
写在开头 点赞 + 收藏 学会 Vue 3 的 Composition API 给开发者带来了更强的逻辑组织能力，但很多人用 defineProps 的方式，依然停留在 Vue 2 的“Options 语法心智”。本质上只是把 props: {} 拿出来“提前声明”，并没有真 ...
为什么有些人边框不用border属性
写在开头 点赞 + 收藏 学会 1) border 会改变布局（占据空间） border 会参与盒模型，增加元素尺寸。 例如，一个宽度 200px 的元素加上 border: 1px solid #000，实际宽度会变成： 200 + 1px(left) + 1px(righ ...
vxe-table 单选设置允许取消选中
vxe-table 单选设置允许取消选中,通过设置 radio-row-config.strict=false 允许取消选中 https://vxetable.cn 设置 radio-row-config.strict=false 允许取消选中 <template> <div> <vxe-grid ...
关于地图渲染加20w数据展示和地图动画怎么做
写在开头 点赞 + 收藏 学会 项目背景 公司需要将全年设备安装量通过旗帜的形式展示在全国地图上，实现数据可视化大屏。主要技术挑战： 数据量大：全年设备安装数据约20万条 实时更新：通过WebSocket实时接收数据 动画效果：需要展示数据逐条添加的动态效果 性能要求：需要保 ...
vxe-table 给单元格加样式的方式详解，支持 style 和 className 的方式给单元格加样式
vxe-table 给单元格加样式的方式详解，支持 style 和 className 的方式给单元格加样式 https://vxetable.cn className 方式 行的样色、单元格样式，表头的样式、表尾的样式、全部都可以完全自定义，通过设置 cell-class-name、header- ...
vxe-table 如何实现分组列头折叠列功能
实现 vxe-table 分组列头折叠列功能非常简单，只需改变列的 visible 就可以实现 https://vxetable.cn 通过修改列的 visible 属性来精确控制列的显示隐藏 <template> <div> <vxe-table border height="400" :data ...
二、HTML文档结构详解
目录2.1 html基础入门2.1.1 标签、元素与属性2.1.2 基础语法2.1.3 文档模式2.2 文档核心骨架2.2.1 DOCTYPE声明与作用2.2.2 <html>根元素与lang属性2.2.3 <head>头部2.2.4 <body>主体2.2.5 注释与代码可读性2.2 头部head ...
极速安装体验openClaw
OpenClaw 极速安装与全流程避坑指南：从零到完美运行 OpenClaw 凭借其强大的 AI 自动化能力最近非常火爆。但在 Windows 环境下安装，如果不注意细节，很容易在“第一步”就卡死。本文总结了一套从底层环境搭建到后台服务运行的极速流程，适合所有想体验 OpenClaw 的朋友。 ...
Vue 表单避坑：为什么 v-model 绑定对象属性会偷偷修改父组件数据？
写在开头 点赞 + 收藏 学会 场景引入 在 Vue 项目里，表单组件几乎无处不在。为了提高复用性，我们常常会把一堆输入框封装成一个“大表单组件”，然后通过 v-model 直接绑定一个对象给外部组件： <!-- App.vue --> <script setup> impo ...
uni-app使用瓦片实现离线地图的两种方案
写在开头 点赞 + 收藏 学会 最近接到一个安卓App的活儿，虽然功能上不算复杂，但因为原本没怎么做过安卓端，所以也是"摸着石头过河"。简单写一下踩过的坑和淌的水吧~ uni-app实现离线地图主要用 leafletjs 实现，但是因为在安卓端运行，存在渲染问题，所以还要用上 ...
探索JavaScript的秘密令牌：独一无二的`Symbol`数据类型
写在开头 点赞 + 收藏 学会 引言 在JavaScript的广阔世界中，数据类型构成了其最基础的语法元素。随着ES6的发布，这个大家庭迎来了两位新成员：BigInt和Symbol。如果说BigInt是为了解决大数运算的精度问题，那么Symbol的诞生，则像是一把为对象属性开 ...
Vue 3 组件通信的 4 种正确姿势
写在开头 点赞 + 收藏 学会 上个月，我们重构一个老项目，发现一个“祖传组件”： 父组件传 props 给子组件 子组件再传给孙子 孙子改了个状态，通过 $emit 一层层往上抛 中间任意一层改名，整条链就断了…… 同事苦笑：“这哪是组件通信，这是传话游戏。” 其实，Vue ...