elementui

雪芽蓝域zzs

第十节：动态侧边栏菜单（根据路由 meta 自动渲染菜单）当前写死 el‑menu‑item，本节改成循环渲染；读取路由配置meta.title生成侧边栏菜单，为后续后端返回动态菜单做铺垫。

Element UI 表格合并单元格完全指南：从原理到实战在后台管理系统的开发中，表格数据展示是最常见的需求之一。而当数据需要按某种维度分组展示时，合并单元格就成了提升信息层级清晰度的利器。本文将深入剖析 Element UI 的 el-table 组件中 span-method 的核心原理，并通过多个实例带你掌握从简单到复杂的合并场景。

vue3 实战系列之踩过的一些坑最近在总结一些过去的项目经验，偶有所得，把一些之前踩过的坑汇总一下。这篇文章我会持续更新，看到啥想到啥我都会在这篇文章中补充，希望大家多多关注，谢谢。

ElementUI (01)：Vue2 项目引入 ElementUI使用先确认自己的 Vue 版本：npm list vue看到 vue@2.x.x 继续。在项目根目录下打开终端，执行：

Vue + Element UI 实战：如何实现表格时间、金额字段排序在后台管理系统开发过程中，表格是非常常见的功能。对于申请记录、合同记录、订单记录等数据，用户通常需要按照申请时间、创建时间、金额等字段进行排序。

Element Plus 基础组件完全指南（12个核心组件）摘要：本文详细介绍 Element Plus 组件库中的 12 个基础组件，包含 Button、Icon、Layout 等高频使用组件。每个组件提供完整代码示例、核心 API 表格、实战场景及常见问题解答，帮助开发者快速上手并掌握最佳实践。

Form表单与校验每条规则包含三个要素：查什么（required/min/type/validator）、不通过时说什么（message）、什么时候查（trigger）。

Element-Plus 入门与整体布局组件库：预封装好的一套 Vue 组件（按钮、表格、对话框等），带样式和交互，直接使用。属性表五列：属性名 / 说明 / 类型 / 可选值 / 默认值

多个 el-form 共用同一 ref 导致表单校验部分失效关键词：Vue3、Element Plus、el-form、模板 ref、表单校验失效、validate

森林的尽头是阳光

tree回显问题问题描述： 1、el-tree 勾选反显，原本整个父子节点都勾选状态，新增一个子节点，因为父节点是全选状态，所以新增的子节点也呈勾选状态，实际是未勾选状态。 2、用的是default-checked-keys 回显数据更新后，必须在 $nextTick 中调用 setCheckedKeys，这样才能确保树组件正确回显勾选状态。

vue-element-plus-admin添加自定义svg图标，并且图标选择组件可选自定义图标找/src/components/Icon/src/IconSelect.vue 在tabsList变量添加一种类型，让图标选择器可加一种类型的图标因为用的是svg，所以name要写成svg-icon:(别忘了:)

不甘平凡的小鸟

Element-UI记录el-form相当于QTreeWidget，ref相当于QTreeWidget *treeWidget，即UI控件（组件）的实例（指针），通过ref，可以调用组件的方法，比如formRef.value.validate()等，相当于通过treeWidget可以调用QTreeWidget的方法：tree->setColumnCount(3);

vue el-pagination实现分页代码总共没几行，直接全拿来：

使用e-tree开发树形穿梭框

北极星日淘

可买免税店货物与安耐晒——特殊商品代购技术方案日本免税店商品（如安耐晒、药妆）需要提供护照信息和离境航班号。北极星日淘支持此类商品的一键代购，自动生成所需材料。

vue插件element ui，element plus，ElMessage消息框，ref，动态绑定语法通用组件推荐在main.js引入，以下内容添加到main.js文件中：弹框插件，将常用的功能，如标题，点击事件作为属性，避免了重复写代码。

Element Plus DatePicker 动态设置每周起始日在 Element Plus 的 DatePicker（日期选择器）组件中，日历视图默认以周日作为每周的第一天。然而我们需求需要根据参数动态设置，可以是周一或者周日。vue2的时候还有个firstDayOfWeek属性，但vue3的el-date-picker已经没有这个了，官网说的是需要通过设置国际化来实现。找了很多教程，设置的都没有效果啊，排完雷了后才实现。

依托偶尔宁

element-plus：el-table设置展开图标所在列的位置el-table中的展开图标默认会被添加至第一列当中，可在el-table-column组件中添加属性type=‘’，展开图标将会添加至下一列当中如果不想在展开图标存在第一列中，在第一列的el-table-column组件中添加type=‘’即可

PyTorch 踩坑：libtorch_cpu.so 找不到 iJIT_NotifyEvent 符号前阵子在新环境里跑 PyTorch，import torch 直接挂了，报错长这样：ImportError: undefined symbol: iJIT_NotifyEvent

开发pc端时，表格的高度怎么设置才能铺满页面当前端开发pc 端页面时，做一个表格想铺满页面高度，这个时候表格的高度怎么设置有一些，是用视图高度减去页面其他内容高度好，还是固定一个高度好