el
Element-动态控制el-table的行的显示与隐藏
<el-table border stripe :data="form.serialDateList" style="width: 100%" :row-class-name="rowClassName"> // rowClassName <el-table-column type="index" ......
elementUI远程搜索功能遇到的坑（el-autocomplete） 如果是提前加载出全量数据 去掉v-model.trim换为 v-model=“nameinputvalue”
elementUI远程搜索功能遇到的坑（el-autocomplete） 如果是提前加载出全量数据 去掉v-model.trim换为 v-model=“nameinputvalue” 原文链接：https://blog.csdn.net/CuiCui_web/article/details/9593 ......
elementui文本框_element UI el-autocomplete组件 带输入建议的输入框
elementui文本框_element UI el-autocomplete组件 带输入建议的输入框 原文链接：elementui文本框_element UI el-autocomplete 带输入建议的输入框 项目需求：需要用户在输入框中输入公司 全名 但是为了避免用户输入不全 需要做一个带输入 ......
el-table数据更新了，表格里的数据不更新的解决办法
## 解决办法 1. 如果有两个table交替显示，给table设置key='xxx'，确保数据能找到他的html； 2. 如果只有一个table，并且只修改了table里的部分数据，可以将table的data指向的数据重新赋值，如：`this.dataList = [...this.dataLis ......
el-image 插槽样式补全
# 问题 `el-image` 有两个 [插槽：placeholder 和 error](https://element.eleme.cn/#/zh-CN/component/image#slots "插槽：placeholder 和 error")。 依照 demo 使用时，样式会发生偏差： de ......
Element el-form 根据选择条件动态控制表单必填项
Html: <el-form-item label="审核意见" prop="remark" :rules="recordForm.status == '10' ? rules.remark : [{required: false}]"> <el-input type="textarea" v-mo ......
elementui el-draw自定义拖拽指令
一、问题引入 场景：el-draw抽屉高度（宽度）可拖拽 二、解决方案 使用vue指令，el-draw打开后，插入一个元素，绑定鼠标事件实现拖拽 主要代码如下 /** * el-drawer 拖拽高度指令 */ Vue.directive('el-drawer-drag-height', { bin ......
Element-Plus的el-menu-item的index属性问题
今天用Vue3 + Element-Plus开发时，出现了以下问题 Invalid prop: type check failed for prop "index". Expected String | Null, got Number with value 8.、 上网百度以及结合提示，可以得出结 ......
vue-day03--el与data的二种写法
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>el与da ......
Element Plus el-table 自定义合并行和列
> 原文链接：[Element Plus el-table 自定义合并行和列](https://fe32.top/articles/eleui266/) ## 前言 目标效果是将表格行数据中某个属性值相同的项合并到一起，效果如下：  Error: [el-table-infinite-scroll]: .el-scrollbar__wrap element not found.
先看下表格里面有没有这个el-scrollbar__wrap class类 没有的话升级一下element-plus到最新的就行 你可以先查看element-plus的版本 npm view element-plus 下载完之后 就有了 ......
麒麟V10服务器安装MySQL报错file /etc/my.cnf from install of mysql-community-server-8.0.33-1.el7.x86_64 conflicts with file from package mariadb-common-3:10.3.9-9.p02.ky10.x86_64
1.问题描述 具体地说，"/etc/my.cnf" 文件与 "mysql-community-server-8.0.33-1.el7.x86_64" 包中的文件发生冲突，并与 "mariadb-common-3:10.3.9-9.p02.ky10.x86_64" 包中的文件相冲突。 这种冲突是由于系 ......
elementplus el-table 多级表头固定列的问题
问题: 最近有个需求，就是对复杂结构的el-table多级表头表格进行固定列(固定左侧)，然后百度了N中方案都没有解决，全都是elementui多级表头固定列(elementui还是有解决方案的，自行百度，我这里说的是elementplus)，开始我写了各种demo，但是始终无效，我看了下我的ele ......
el-table单元格内容较多时隐藏，鼠标hover时显示并且显示的内容可以换行
## 说明 在使用element的table表格的时候,发现单元格内容较多的情况下 在`el-table-column`上面使用了`show-overflow-tooltip`属性:当内容过长被隐藏时显示 tooltip 但是他是一整行展示,不太好看 ; // 多选框的列表，列出表格的每一列 const checkBoxGroup = ref( [{ "label": "任务 ......
element-ui的el-dialog主体滚动的小技巧
# 一. 场景 element-ui的el-dialog的主体内容变多的时候，应该需要滚动条，所以解决方式： 1. 局部/全局设置样式； 2. el-dialog源码改造。 注意：看完了解思路，掌握max-height和overflow:auto的联合使用，el-scroll的使用即可 # 二. 方 ......
【Vue】el-select 数据过多替代方案
一、需求问题： 一开始就考虑使用简单el-select选取数据，但是后面数据量增多， 超过一千条开始，组件会很卡不好用，第二个是接口也慢了 数据量多的话是有一个filterable做支持了，可以输入关键字进行匹配检索 但是不能解决卡顿的问题，接口还是比较慢 二、替代方案： 然后改用了el-autoc ......
el-table中的selectable的使用方法 tl-table中控制列表第一列 勾选框是否禁用
el-table中的selectable的使用方法 tl-table中 控制列表第一列 勾选框是否禁用 原文链接：https://huaweicloud.csdn.net/63a004ccdacf622b8df912b8.html el-table中的selectable的使用方法 html代码 < ......
el-table中header里面写多层循环el-input无法修改其值
之前看别人加了 ```js @input.native="change($event, index)" change(e, index) { console.log('e', e, e.target.value); // this.tableColumns[index].fieldName = e; ......
el-tree树点击全选按钮，全部展开并且全选
先看图： 代码如下： // 全部选中 qxClick() { this.isQx = !this.isQx; // 判断按钮的状态 this.expandAll(); if (this.isQx) { console.log(this.isQx, " ", this.datas); // 设置 th ......
el-select获取当前选择的label值
例如 ``` ``` 获取当前选中的select的label值 ``` let currentLabel = this.$refs.dataTypeSelect1.selected.currentLabel; console.log("当前select选中的label值是:",currentLabe ......
tinymce vue2.0集成 并解决响应式丢失问题 文件引入问题(若依版本)、自定义上传图片、视频、样式被el-dialog遮挡问题
1.安装tinymce、tinymce-vue npm install tinymce@5.0.11 -S npm install @tinymce/tinymce-vue@3.0.1 -S 2.下载中文语言包 tinymce提供了很多的语言包 语言包地址 3.配置中文包、配置skins 下载完后放 ......
Element ui plus --- el-select 下拉框下拉选项过多导致页面卡顿处理方法
业务场景： 多个页面调用同一个接口 作为下拉框的选项数据，接口返回上千条 导致页面异常卡顿 解决办法： 使用Select V2 虚拟列表选择器 代码示例： <el-form-item label="场所名称"> <el-select-v2 class="row-inp" v-model="query ......
el-tree 实现懒加载
为了解决数据量过大而导致的web页面卡死，我们采用懒加载的方式进行实现， 1. 首先，根据文档，我们在<el-tree>中加入 lazy 和 :load="loadNode" 如下图： 2. 在methods中写一下这个方法，如下图 说明一下，上图中的node.level 0 时，我们在里面请求根节 ......
Centos6 内核升级4.9.75-30.el6.x86_64操作
由于工作需要接触Docker，手上大部分机器又都是Centos6，所以需要升级内核。 2.6.32-279.el6.x86_64 升级至 4.9.75-30.el6.x86_64的操作记录如下： 1、下载 http://rpm.pbone.net/info_idpl_73484345_distro_ ......
el-date-picker 在表单中宽度(width)问题
在使用element-plus的日期选择组件 el-date-picker的时候，发现form表单内的日期选择框并不能跟el-input 一样把宽度撑满。而是要小一圈。 这样在排版中显得不太整齐，但是 el-date-picker 日期组件又不跟选择框 el-select 一样，在组件加个style ......
vue3+el-select的watch监听回调触发多次问题
# vue3+el-select的watch监听回调触发多次问题 > 背景： 当时的需求实：通过选择下拉框，改变当前充电桩对象，监听对象变化是刷新表格（echarts）的数据； 结果问题出现：当我选择下拉框中的函数时，watch（）中的刷新表格执行了两次。 * 第一次回调，对象的id变化； ......
Element-plus的徽章组件el-badge
Element-plus的徽章组件el-badge Element Plus 是一个基于 Vue.js 的 UI 组件库，它提供了一系列的常用 UI 组件供开发者使用。其中，徽章组件(el-badge)是其中之一。 徽章组件(el-badge)可以在其他元素上展示一个小圆点或者一个数字，用于标记某种 ......
el-config-provider
el-config-provider是Element Plus库中的一个组件，用于提供全局的配置。它是Element Plus在2.0版本中引入的新组件。 el-config-provider组件的作用是允许你在应用程序中统一配置Element Plus的一些全局属性和样式，这些配置将被应用于所有E ......