upload vuedraggable el-upload element
vue element admin 实现钉钉登录
lender提了个需求，要求实现钉钉扫码登录，分pc端(扫码)及手机端(直接跳转) 准备工作 根据开发者后台文档获取appId并设置对应的回调url。为了方便演示回调url我们暂定为：https://test.com/ding 登录跳转代码 PC扫码跳转 window.location.href = ......
vue element admin 导出带有sheet的excel
lender提了个需求，要求实现导出excel并且要分sheet页，博主非常依赖框架，以为框架的代码示例里会有，结果找了一圈都没看见，非常蛋疼只能自己改写代码了 改写函数部分 在框架根目录找到 src/vendor/Export2Excel.js 文件，搜索export_json_to_excel ......
从零开始使用vue2+element搭建后台管理系统（实现导出excel表格的功能）
首先参阅了以下文档： https://panjiachen.gitee.io/vue-element-admin-site/zh/feature/component/excel.html#excel-%E5%AF%BC%E5%87%BA https://blog.csdn.net/weixin_42 ......
element ui中的message弹出框只出现一次
import { Message } from 'element-ui'; let messageInstance = null; const resetMessage = (options) => { if(messageInstance) { messageInstance.close() } ......
使用element-plus组件在vue中引入分页功能
1、组件的引入 <el-pagination background layout="prev, pager, next" page-size="6" :total="60" > </el-pagination> 2、存在问题就是，现在页码并不能与每页的内容相互对应 解决方式： page用来表示确认每 ......
从零开始使用vue2+element搭建后台管理系统（框架布局+面包屑+内容页加载实现）
先在components下分别创建侧边栏、顶部、布局等组件，用于全局配置： CommonAside.vue <template> <el-menu default-active="1-4-1" class="el-menu-vertical" @open="handleOpen" @close="h ......
element ui <el-form-item>文字太长换行怎么办？
element ui表单进行布局时，有的<el-form-item>文字比其他的项要长很多，默认element ui会自动换行。 有时候我们不想换行应该怎么办呢？ 首先<el-form>标签有属性label-width，可以统一设置内部<el-form-item>标签的文字长度。 同时<el-for ......
element ui 如何在一行放置三个输入框和两个按钮
代码示例： <el-form :model="form" :rules="rules" label-width="80px" inline> <el-row> <el-col :span="6"> <el-form-item label="First" word prop="first"> <el- ......
百度上传插件Web Uploader
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样 ......
vue项目成功引入element组件的具体步骤
1、首先要确保vue项目能够成功在浏览器访问 2、一般使用的是vue3 那么，需要注意的是，element组件在vue3里面，需要使用的是element-plus 命令： npm install element-plus --save --legacy-peer-deps 下载完成之后，需要在mai ......
在springboot项目种引入element组件
1、保证vue的版本在3以上 2、Win+R--打开命令行窗口（cmd） 输入下面的命令，打开图形化界面： vue ui 3、打开我们创建的vue项目 选择路径即可自主导入项目； 4、安装element-ui的插件依赖 5、查看项目中是否存在 ok！ ......
鉴于vue2使用element组件不太方便，换成vue3的具体步骤
1、卸载原有的vue2 npm uninstall vue-cli -g 卸载完成！ 2、按照最新的下载vue3命令下载vue3 npm install -g @vue-cli 下载完成！（等了大概快10分钟） ......
从零开始使用vue2+element搭建后台管理系统（前期准备）
准备开始 1. 安装node （node -v查询版本号） (下载地址:https://nodejs.org/en/download/) 2. 安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3. 安装 we ......
Confluence的Excel插件Elements Spreadsheet安装
## 背景 Confluence是现在广泛使用的团队协作文档系统。虽然自身带了一些表格编辑功能，但表格的整体功能较弱，比如不能通过Excel文件进行导入导出，表格在复制到Excel时格式会比较奇怪等等。对于未完全整合流程到Confluence上的团队，信息从Excel到在线文档系统的流转是个巨大的工 ......
element表单中当有必填项没有填时,定位光标
> 表单添加或修改时的验证 ### 1.表单 ``` ``` ### 2.表单验证 ``` //添加数据 addData(){ this.$refs["ruleForm"].validate(async (valid) => { if (valid) { //当验证通过执行你添加的操作 }else ......
element plus --- el-cascader 省市区三级 子集全部选中返回父级label
### 代码如下： ``` ``` #### js方法 ``` const areaCascader = ref(null) // 获取统计区域城市名 const handleCityChange = val => { queryForm.value.checkAraeList = val quer ......
关于element-ui 中table的问题以及解决
## 这篇文章是记录上个月开发中的问题，有知道原理的请发送邮件 ## 0727 我吐了，element-ui,这玩意咋这么多坑 ### 背景 点击某个按钮，打开内嵌表单的dialog，然后不能让用户手动输入值，要根据后台去查可选项，将可选项变成可视化的表格，表格包含基本信息，再让用户去选；因为有两项 ......
element-ui源码修改记录
## 1、介绍 本项目是基于element-ui@2.15.14的基础上，二次修改源码，封装的ui组件，在此特别感谢[elemen-ui组件库](https://github.com/ElemeFE/element) ## 2、更新功能 ### 2.1在el-cascader组件的基础上，添加了只多 ......
用友畅捷通T+ Upload.aspx任意文件上传漏洞CNVD-2022-60632
## 漏洞描述 用友 畅捷通T+ Upload.aspx接口存在任意文件上传漏洞，攻击者通过 preload 参数绕过身份验证进行文件上传，控制服务器 ## 漏洞影响 用友 畅捷通T+ ## 漏洞复现 fofa语法：`app="畅捷通-TPlus"` 登录页面如下：  ```css .el-cascader-panel { .el-radio { width: 100%; ......
element input字数超长，鼠标划上顶部弹框显示全部内容
需求： input 备注输入框字数超长输入后，鼠标划上弹框显示所有内容 实现逻辑： 1、传入$event对象 ，获取offsetwidth 与scrollWidth,对比，如果大于则显示 template 定义： <el-input placeholder="" maxlength="100" @m ......
element表单必填校验，并自动定位到必填项
需求： 1、element form volid 必填提示框警告2、自动定位到首个未通过校验字段 实现思路：1.validate 校验需要给提交事件添加一个参数 object ； 2.当校验不通过时收集所有未通过字段项提示信息，将其通过 push 方法添加到定义好的数组中（str）；3.通过 thi ......
解决 Element-ui中 选择器（Select）因options 数据量大导致渲染慢、页面卡顿的问题
仅设置 element-ui 的 filterable 属性 ，搜索的范围只有懒加载已滚动出的数据，导致搜索不全、不准确。继续使用了 filter-method 属性并结合 visible-change 事件，以及搜索输入时增加防抖进行优化。 // utils.js function _deboun ......
笔记 | element table show-overflow-tooltip 位置偏移的问题
### 一、问题 因为我目前的项目是微前端的工程，最外层有一个50px的通用头部，所以页面要减去50px。所有页面看似都很完美，但是使用 **el-table-column** 的 **show-overflow-tooltip** 属性时，tooltip 会向下偏移 50 px。 #### 想到的 ......
element table 表格控件实现单选功能
<el-table :data="tableData" border stripe ref="tableData" @row-click="singleElection"> <el-table-column label="" width="65"> <template slot-scope="sco ......