Element
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de
添加Element ui依赖报错:npm ERR code EPERM,syscall mkdir, npm ERR! path D:\Vue\nodejs\node_cache\_cacache\index-v5\f3\de 具体报错信息如下: 我这个是在IDEA控制台输入 npm i eleme ......
【Vue】关于 The template root requires exactly one element 报错的解决方案
在<template>内添加<div>总括起来： ......
从零开始使用vue2+element搭建后台管理系统（主页）
登录后，应有一个主页，可以展示当前用户的一些信息，例如上次登录时间地点、修改手机号、重置密码等简单功能，如图： 首先在views下新建HomeView.vue文件： <template> <el-row> <el-col :span="24"> <!-- user卡片 --> <el-card> < ......
关于element-plus框架一些样式的修改
一、关于使用element框架一些测试建议覆盖的样式 1.取消按钮的focus效果 (1) css样式覆盖 // element按钮部分伪类样式覆盖 // 用于覆盖element按钮focus的样式 .el-button:not(.is-link):not(.is-text):not(.is-dis ......
从零开始使用vue2+element搭建后台管理系统（实现按钮权限控制）
思路：登录后请求用户信息接口，后端返回用户信息中包括权限数组，数据格式be like： 前端对用户信息进行存储（对没错又是假接口）： // 获取用户信息 async getUserInfo(mobile) { try { this.loading = true; const res = await ......
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- ......
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 ......
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组件的基础上，添加了只多 ......
使用vite创建vue程序，同时引入element-plus
步骤如下： 一、安装vite npm install -g create-vite 二、创建vue程序，不需要先创建好空的文件夹，直接执行下面的代码即可 create-vite test --template vue 三、使用npm引入element-plus npm install element ......
【Element】el-cascader 级联选择，点击文本直接选中
 ```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。 #### 想到的 ......