elements
在element-ui视频上传使用canvas截取视频帧数，并且转为视频封面。
<el-upload :http-request="getFile"//自定义上传 action :on-change="handleFileChange"//监听文件上传 ref="upload" accept="video/*"//定义格式为视频 > <el-button icon="el-ic ......
vue-element-admin依赖包安装报错解决
按照官网安装vue-element-admin步骤： 1. git clone 2. npm install: 安装依赖包时报错 报错后进行原因排查，排查过程中，遇到过的报错情况： c:\program files\git\mingw64\bin\git.exe ls-remote -h -t ss ......
vue-element table表格排序推拽功能
// 1.安装sortablejs npm install sortablejs --save // 2.功能页面中引入 import Sortable from ‘sortablejs’ 具体使用（注意：element table务必指定row-key，且row-key必须是唯一的，如 id，不然 ......
element-ui plus文件上传时进度条修改
1. 文件上传文件使用组件 ```el-upload```设置文件按钮上传时进度条样式显示为小数  2. 写 ......
element-ui 去除input的框
``` ::v-deep { .el-input__inner { border: 0; border-radius: 0px; // &:focus { // border-bottom: 1px solid #409eff; // } } .el-textarea__inner { resize ......
element-ui按需引入
1.借助 babel-plugin-component，我们可以只引入需要的组件，以达到减小项目体积的目的。 首先，安装 babel-plugin-component： npm install babel-plugin-component -D2.修改babel.config.js module.e ......
限制Element ui日期选择器el-date-picker时间跨度为3个月
> 处理Element 日期选择器el-date-picker 限制时间跨度3个月 。 > 主要通过pickerOptions里的disabledDate来控制禁止选中的日期。实现思想就是，当选中第一个开始日期时，拿到该时间戳计算时间范围，然后控制接下来选中时间在3个月以内，超过范围禁用掉。 ### ......
vue-element-admin 动态路由踩坑之路。。。
参考帖子 1.菜单详解（主要是加载原理，还有一些脚本，json格式的参考） https://blog.csdn.net/weixin_44922964/article/details/120927244 https://blog.csdn.net/qq_57581439/article/detail ......
使用vscode + vite + vue3+ element3 搭建vue3脚手架
技术栈 开发工具：VSCode代码管理：Git前端框架：Vue3构建工具：Vite路由：vue-router状态管理：vuexAJAX：axiosUI库：element-ui 3数据模拟：mockjscss预处理：sass 构建viite + vue3 + element-ui3项目 1、安装vit ......
【TypeScript】Element 组件导入在 TypeScript 5 报错：模块 ““element-plus““ 没有导出的成员。。。
## 报错现象  ## 解决方法 typescript 5.0版本升级，使用了 `compilerOptions.modu ......
Element-table表格末尾按指定列合计的实现方法
getSummaries(param) { const { columns, data } = param const sums = [] columns.forEach((column, index) => { if (index 1) { sums[index] = '合计' return } ......
Appnium报错TypeError: visibility_of_element_located() takes 1 positional argument but 2 were given问题，已解决
报错信息： 原因： 类型错误，visibility_of_element_located()方法需要1个参数位，但提供了两个 解决方法： 添加括号！让其成为一个整体 ......
Element UI 下拉选择树父子脱离关系后仅能选择其中一级
<el-form-item label="业务类型"> <el-tree-select @check-change="CheckBoxClick" v-model="ywdm" :data="yjywdmTree" :cache-data="defaultShowCode" :render-afte ......
Element textarea 行数限制，超过限定行数不允许输入
## 代码 ```js methods: { // 获取行数 getRow(val) { let row = 0 val.split('\n').forEach(item => { if (item.length 0) { row += 1 //如果一行只有回车符就是行数增加一行 } else { ......
vue根据element-ui实现下拉多选
### 下拉多选element-ui 实现效果  组件代码 ```vue ``` 使用代码 ```vue ``` ......
Element UI 中国省市区级联数据
1.下载：npm install element-china-area-data -S 2.按需导入：import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, Text ......
1.element表头居中内容左对齐, 2.自定义el-table中新增编辑表格不刷新的问题。
一、 <el-table :header-cell-style="{ 'text-align': 'left' }"> ... <el-table-column :cell-style="{ 'text-align': 'left' }"> ...</el-table-column> </el-ta ......
element表格多选改为单选，且去除表头的多选框
一、利用el-table自带方法selection-change（当选择项发生变化时触发该事件）关键代码：this.$refs.serialnoTable.clearSelection() this.$refs.serialnoTable.toggleRowSelection(val.pop()) ......
element ui 穿梭框宽度调整
element ui 穿梭框宽度调整 ``` //... ... /* 穿梭框 赋值后*/ this.$nextTick(function () { this.$refs.grant_transfer.$el.querySelectorAll('div.el-transfer-panel').for ......
vue+element绑定事件使用
vue+element绑定事件使用 有时候需要写一点点前端页面，vue+element搭配是能提升效率的前端框架，因为使用还不太熟练，将一些常用的操作记录下来。 1. button绑定点击事件 1 <el-button type="danger" :data-id=123 v-on:click="c ......
The content of element type “web-app“ must match 解决方法
# 报错原因 问题描述 ： 在创建 SpringMVC 时 ， 选用 idea 的 webapp 模板来创建 ， xml 配置文件中进行配置时发现提示警告 警告如下： ,如果直接回显的话会默认一级下所有目录都选中 代码参考 <el- ......
动手开发第一个 SAP Fiori Elements 应用
本教程的前五篇文章，我们已经为 SAP Fiori Elements 的创建做了足够的铺垫。 - [0.迈入 SAP Fiori Elements 开发的大门 - 什么是 Fiori Elements，它和 Freestyle UI5 开发方式有何区别?](https://jerry.blog.cs ......
vue-element-template|实现登录，根据权限显示路由
文章目录 前言 一、安装vue-element-template基础模板？ 二、具体步骤 1.修改路由文件 2.挂载前的验证 3.获取用户角色,保存一些从后台获得的roles相关信息 4.筛选路由 5.最后的加载 6.别忘了修改登录、推出、获取用户信息路径 三、遇到的bug 1.data funct ......
element 对话框标头样式美化
/deep/ .el-dialog__body { padding-top: 27px; padding-left: 42px; padding-right: 38px; } /deep/ .el-dialog { background: #F8FAFC; border-radius: 12px; ......
element-tree相关经验汇总
前言：这个el-tree是前段时间做项目时候写的，一直没时间进行整理，最近那个项目的tree数据超级大，导致浏览器卡死，需要进行处理，正好，趁着这次，把相关的配置也给整理一下(*^▽^*) 大概呢就张这个样子：有查询、增加、删除、修改、上移、下移几个功能 那就先写一下相关配置吧： 我这个树上用到的属 ......
element ui 修改按钮公共样式
// .el-button--text .btntext .el-button--text { color: #000bff; } .btntext .el-button--text:hover { color: #000bff; } .btntext .el-button--text:active ......
element ui的表格头合并 方法
表格自带的 colSpan属性可以进行编辑 我们利用dom获取后可以直接操作他 这里写上事件代码和调用代码 具体情况还是需要同学们自己去分析 setSpan(){ let nheader=document.getElementsByClassName('el-table__header') nhea ......