##element-ui

EL-ADMIN 开源项目学习

EL-ADMINhttps://el-admin.vip快速了解#项目简介EL-ADMIN基于SpringBoot2.1.0、SpringBootJpa、JWT、SpringSecurity、Redis、Vue、Element-UI
caoshenyang·2023-08-31 02:38

element-ui的Upload上传图片、文件封装

上传文件exportdefault{name:'Upload',props:{width:{type:Number,default:0},height:{type:Number,default:0}},data(){return{fileList:[]};},methods:{beforeUpload(file){if(file.type.indexOf('image')>-1){returnne
半度℃温热·2023-08-30 23:02

Vue option 选择框中的label value key的意义

author:[email protected]:09/07/2021以element-ui为例{{item.label}}{{item.value}}data(){return{formData
SPECIAL8654237·2023-08-30 12:27

CSS :has伪类

一、什么是has有时候我们会遇到一些场景，比如样式涉及到父子父子组件：我们使用了element-ui的Tree树形控件，但是我们不希望使用其自带的样式，比如父级不希望有选中样式之类，中国社会科学院就可以用
coinisi_li·2023-08-30 10:01

VUE element-ui之el-table表格内嵌进度条功能实现

步骤：el-table中使用插槽方法：注意：percent为表格第一位num值（后端返回数据为排序后数据），相当于以第一位为基准实现进度条，这样视觉效果较好（第一位进度条为充满状态）格式化进度条列显示文字：format(row,column){return()=>{if(column.label==='里程数'){returnrow.num+'km'}}}如图效果：
赫兹/Herzz·2023-08-30 10:45

VUE element-ui之table表格遍历渲染

步骤：定义模板：定义表头：data(){return{tableList:[{prop:'unit_price',label:'单价',format:(row)=>{returnrow.purchaseStatus===0?'未审核':row.purchaseStatus===1?'已审核':row.purchaseStatus===2?'不通过':row.purchaseStatus===3?'
赫兹/Herzz·2023-08-30 10:45

VUE element-ui 之slot-scope=“scope“常见报错解决方法

slot-scope="scope"标签报错为eslint检测机制，如图：只需要加上显示正常，此处注释为取消下一行eslint检测机制
赫兹/Herzz·2023-08-30 10:14

VUE element-ui 之多级下拉菜单（筛选框）

多级筛选框:时间筛选自定义筛选框内的值:value:['按年统计'],option:[{value:'按年统计',label:'按年统计'},{value:'按月统计',label:'按月统计',children:[{value:'近3个月',label:'近3个月'},{value:'近6个月',label:'近6个月'},{value:'近一年',label:'近一年'},{value:'全部
赫兹/Herzz·2023-08-30 10:14

VUE element-ui之table表格自增序号（前端实现）

需求：表格第一列为自增序号（不受分页影响）实现方法：{{(scope.$index+1)+(currentPage-1)*pageSize}}注意：需结合每页条数及当前页码运算
赫兹/Herzz·2023-08-30 10:14

VUE element-ui之页面全屏时el-select下拉菜单不显示问题解决

问题原因：elemrnt-ui会默认将弹出框插入至body元素；当设置了某个元素全屏时，会遮挡住原来的select下拉数据。解决方法：
赫兹/Herzz·2023-08-30 10:44

vue中使用element-ui多选组件实现单选

效果图：代码：方法：onChange(item,index){//把多选做成单选的样式letcheck=null;this.options.forEach(res=>{if(res.label==item.label){res.isCheck=true;res.isqx+=1;//2为同一个的取消，1为同一个的选中if(res.isqx==2){res.isqx=0;check=false;}el
肥宅丑八怪·2023-08-30 10:39

在 vue.js + element-ui 中安装 tinymce富文本编辑器

官网：http://tinymce.ax-z.cn/一、简介TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有：UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。二、TinyMCE的优势：开源可商用，基于LGPL2.1插件丰富，自带插件基本涵盖日常所需功能（示例看下面的Demo-2）接口丰富
Cute_小肥鸡·2023-08-30 08:00

vue element-ui 引入Iconfont阿里巴巴图标库

1.引入链接方式引入图标1.在阿里巴巴矢量图新建项目图片.png图片.png2.找自己喜欢的项目，加入购物车，再加入项目图片.png3.点击Fontclass下面的生成代码，复制代码图片.png4.新建iconfont.css文件。el-icon-cus与上文新建项目FontClass保持一致[class^="el-icon-cus"],[class*="el-icon-cus"]{font-fa
偏爱墨绿色·2023-08-30 06:07

element-ui element-plus合并表

效果图一.使用首先实现封装一个js方法@/utils/use-span-method.js这里不多说了CV大法/***合并相同数据，导出合并列所需的方法(只适合el-table)*/exportfunctiongetRowSpanMethod(data,rowSpanArray){/***要合并列的数据*/constrowSpanNumObject={};//初始化rowSpanNumObject
付进不是附近·2023-08-30 06:35

Vue2项目练手——通用后台管理项目第一节

引入element-uirouter/index.jsmain.jspages/Users.vuepages/Main.vuepages/Home.vuepages/Login.vueApp.vue使用element-ui
VillanelleS·2023-08-30 05:30

[element-ui] el-tree 懒加载load

懒加载：点击节点时才进行该层数据的获取。注意：使用了懒加载之后，一般情况下就可以不用绑定:data。懒加载—由于在点击节点时才进行该层数据的获取，默认情况下Tree无法预知某个节点是否为叶子节点，所以会为每个节点添加一个下拉按钮，如果节点没有下层数据，则点击后下拉按钮会消失。同时，你也可以提前告知Tree某个节点是否为叶子节点，从而避免在叶子节点前渲染下拉按钮。loadNode(node,reso
533_·2023-08-30 05:37

[element-ui] el-tree全部展开与收回

shrinkTreeNode(){//改变一个全局变量this.treeStatus=!this.treeStatus;//改变每个节点的状态this.changeTreeNodeStatus(this.$refs.attrList.store.root);},//改变节点的状态changeTreeNodeStatus(node){node.expanded=this.treeStatus;for
533_·2023-08-30 05:07

sass、node-sass、sass-loder和样式穿透基本知识

样式穿透：当我们在vue项目中引用到第三方组件时，比如element-ui,常常需要更改某些元素的样式，但如果使用常规的css样式覆盖的方式是经常无效的，那么我们就要用到“样式穿透”的方法。
AYBAIWAN·2023-08-30 02:35

element-ui分析

目录解析element├──github//存放了elementui贡献指南，issue和PR模板├──build//存放打包相关的配置文件├──examples//组件相关示例demo├──packages//组件源码├──src//存放入口文件和一些工具辅助函数├──test//单元测试相关├──types//类型声明文件├──.travis.yml//持续集成(CI)的配置文件├──CHAN
JovanDong·2023-08-30 00:27

解决element-ui/element-plus中el-pagination分页组件显示英文

解决element-ui/element-plus中el-pagination分页组件显示英文解决方法：在main.js或main.ts中引入中文语言importlocalefrom'element-plus
StoneVivi·2023-08-30 00:09

vue.js3 setup风格 element-ui 级联选择器clearCheckedNodes使用方法

Cascader级联选择器|ElementPlus官方文档里提到可以清空选中节点，使用clearCheckedNodes()方法：具体用法：1先了解vue3setup中怎么获取ref获取方法非常简单，在需要获取的组件里写ref，在setup里定义同名空ref，就会自动获取了定义ref：在setup里定义同名空ref：constmultipleTable=ref()然后操作multipleTable
_Kayo_·2023-08-29 23:57

去除element-ui下拉框的下拉箭头

我们最开始拿到的element-ui是带有下拉箭头的，所以我们要去掉下拉箭头可以把这个属性给加上。
YangHuan3·2023-08-29 22:59

vue+element -ui 写的一个物流后台管理系统

这次写了一个vue加element-ui写的物流后台管理系统其实物流后台管理系统不是那么好写，但是有后端的接口，也就是我前端只需要做页面的静态编写，和获取数据传数据，我先给大家介绍一下物流管理系统的业务流程吧
周周_加油·2023-08-29 20:41

element-ui根据状态显示不同内容与点击按钮赋值

基于element-ui画页面之今日遇到的问题查看下线下载完整包上线删除版本更换版本文件生成增量包下载完整包下载增量包MD5{{md}}exportdefault{methods:{deleteRow(
璇璇吴·2023-08-29 18:51

vue3：使用：批量删除功能

1、element-ui的table表格可以轻松实现多选的功能，只要在表格列中增加type="selection"的一列即可。
帅帅哥的兜兜·2023-08-29 17:01

element-ui 自定义loading加载样式

element-ui中的loading加载功能，默认是全屏加载效果，设置局部，需要自定义样式，自定义的方法如下：import{Loading}from'element-ui'Vue.prototype.
new code Boy·2023-08-29 15:22

element-ui 上传图片回显

这里是用element-ui组件已经接收数据让图片回显注意组件里的:file-list='img'这里这里是回显的关键有可能你的接口数据获取的是图片链接没有办法直接在本地显示在这里要做一个链接处理//声明一个变量
翻斗花园-图图·2023-08-29 13:24

最简单 实现 Element-ui el-table的懒加载表格数据 el-table懒加载请求数据 element-ui 懒加载

最简单实现Element-uiel-table的懒加载表格数据el-table懒加载请求数据element-ui懒加载1、效果图2、代码1、效果图2、代码{{props.row.lazy.name}}{
我不是李.杨·2023-08-29 13:20

element-ui table表格滚动条拉到最右侧 表头与内容不能对齐

1.问题概述当表格数据太多，会出现纵向滚动条和横向滚动条，把横向滚动条拉到最右侧时，会出现表头与内容不能对齐的现象。2.解决方法1.当页面数据加载完毕后，在后面加上this.$nextTick(()=>{this.$refs.table.doLayout();})2.别忘了给表格加上ref属性
Paul_Chan_·2023-08-29 13:47

【前端笔记】HTML 纯文件 整理 使用 Vue2 + element-ui + axios + qs + 字节cdn

【前端笔记】HTML纯文件整理使用Vue2+element-ui+axios+qs+字节cdn收藏下,方便用的到时,来此复制下.该版本为vue2版本的,需要vue3版本的可以参考下这篇(点击查看)Documentbody{padding:0;margin:0;}信息概览配置管理varapp=newVue({el:'#app',data:{},methods:{}})
毛马户·2023-08-29 10:28

element-ui查询样式_elementUI二次开发 01 快速搭建及项目结构

目前，vue的生态圈非常繁荣，有CoreUI-Free-Bootstrap-Admin-Template，vue-admin，ivew，vue-material，vuetify，Keen-UI等vue框架，不需要从头搭建项目。elementUI是一套比较优秀的前端框架。Element是“饿了么”出品的一套Vue.js后台管理界面的组件库，并且配有强大的学习文档。官网地址:https://eleme
weixin_39996908·2023-08-29 09:55

Vue Element-UI Cascader 级联选择器中子菜单的显示与隐藏

最近有发现一个在Elment-UI低版本中级联组件出现的BUG（楼主的版本是2.4.11），先上图来直观的感受下：即：若展开过含有子菜单的菜单，当鼠标再移入到没有子菜单的菜单上时，仍然会显示上一次展开过的菜单的子菜单。在一般的思维逻辑中这显然是一个BUG，移入没有子菜单的菜单时应该不再展开任何子菜单才对，那么应该如何解决这个问题呢？于是我开始查找相关的资料，也确实发现了几篇文章，其中有一篇文章中的
Pure_Sunshine·2023-08-29 09:53

el-tree 在 v-for 中获取不到 getCheckedNodes

element-ui中el-tree在v-for中使用，获取不到getCheckedNodes()和getCheckedKeys()，报错：Errorinv-onhandler:“TypeError:this
liuzhenghe30265·2023-08-29 08:48

element-ui的el-dialog和el-drawer当鼠标拖动到遮罩层会触发关闭bug修复

我们在使用el-dialog和el-drawer时候，当弹框内有表单，用户不小心想复制个内容，拖动光标，最后光标落点在dialog或者drawer的遮罩层，导致弹框关闭，而将用户辛苦填写的内容给清除掉了。这是甲方爸爸忍受不了的！！！因此就出现了我这个解决办法！在src目录下，（既和main.js）同级创建一个名为fixMouseOutsideAutoClose.js。如下：src|-...|-sr
·2023-08-29 02:19

element-ui el-table表格，实现showOverflowTooltip时，配置鼠标移入tooltip复制

前言vue2+element-ui的项目，el-table本身支持超出宽度显示省略号，悬浮展示tooltip。最近产品非常严肃的提了要求，“你得让客户能复制啊，不然这隐藏还不如不隐藏”。网上翻了翻，看见官网里有个issue[BugReport]el-tablecomponentaddsshow-overflow-tooltip,andtextintooltipcannotbecopiedbymou
·2023-08-29 02:49

[Vue] el-table的二次封装

element-ui中的table组件(下文用el-table表述)在简单业务场景下(如单纯的数据展示)是够用的，如果需要稍微复杂一些的展示，借助vue的插槽也能够实现。
·2023-08-29 02:48

微前端下element-ui弹框偏移问题解决

本章主要是解决无界微前端环境下element-ui弹框偏移问题，如果你用的是其他微前端框架，且提供了jsloader这种预处理器，则可以举一反三解决同样的问题。
·2023-08-29 02:47

vue2.0 + element-ui 实战项目-实现一个简单的轮播图（六）

自从用饿了么框架重构项目以来，遇到很多问题，我都有一一记录下来，现在特喜欢这个框架，说实话，如果你是用了vue这个技术栈的话，一定要用饿了么的pc端框架哦，遇到问题的时候在网上百度一下，就能找到解决方案，还有很多社区可以讨论，社区文档都比较成熟，很容易上手~~Github地址：https://github.com/ElemeFE/elementVue2.0官方网站：http://caibaojia
祈澈菇凉·2023-08-28 20:03

vue-cli脚手架項目引入elmentUI

如何引入element-ui第一步在項目所在目錄安裝elementUInpminstallelement-ui或者cnpminstallelement-ui安裝成功后，在項目的package.json會有
Rt_1f24·2023-08-28 19:01

Element-ui el-checkbox-group 多选限制只能选一个

通过max限制只能选一个的话会先取消上一个才能选择另外一个{{item}}data数据userList:[0],user:["User1","User2"],groupChange(){console.log("变化",this.userList);if(this.userList.length>1){this.userList.shift();}}
醉笙情丶浮生梦·2023-08-28 13:27

Django + drf-jwt 认证 + Vue3 使用 Axios

Axios的安装和配置安装pnpminstallaxios封装axios：配置baseUrl，请求拦截，响应拦截//requests.ts文件中//import{Message}from"element-ui
而又何羡乎·2023-08-28 12:19

asp.net 安装element ui_vue项目 + element-ui + 时间戳格式转化问题的解决

最近在着手写一个vue的项目，这时候我们会在后台拿来数据，然后显示在前台的后台页面里面，这时候就会遇到问题，加入后台请求出来的数据是时间戳怎么办？什么是所谓的时间戳（1514865808）？？？如下图所示后台会传来这样的时间戳（1514865808）那我们应该怎么办呢？本来我是想用js里面的方法去解决，可是不知如何下手，但是就算出来了，那这样的代码在Vue中看起来也不太优雅。那么具体怎么去解决呢？
weixin_39754398·2023-08-28 11:17

Vue脚手架中安装ElementUi

目录ElementUi简介：ElementUi下载：npm安装：引入ElementUi:测试是否引入成功：Element-ui官网：组件|ElementElementUi简介：ElementUi，是由国内的饿了么团队开发并开源的一套为开发者
爱敲代码的小林·2023-08-28 10:19

vue2项目中使用swiper插件

vue2项目中使用swiper插件在昨天码完上一篇文章后，突然想起来自己写vue项目时，用的轮播都是element-uI里的。并不是说element-uI里的不好用，但毕竟swiper人家是专业的。
万物之恋·2023-08-28 09:46

element-UI里table设置默认高亮一行或者选中某一行

本方案支持颜色自定义，高亮行数自定义，可高亮多行，可定义多个颜色，主要实现方式是css样式，代码简单易懂，下面看效果和代码吧：当前效果：预期效果：代码：这是HTML代码绑定这个属性:row-class-name=“tableRowClassName”``````这是JS代码注册这个方法tableRowClassName()，这里传的rowIndex就是需要高亮的数据在数组里面的下标，返回的clas
前端攻城狮路飞·2023-08-28 07:13

Vue中ElementUI结合transform使用时，发现弹框定位不准确问题

查看element-ui官方文档无果后，打算更换新的框架进行开发，但更换几个后发现都存在类似问题，由于之前项目都是使用element-ui，对此框架比较熟悉，所以还是决定在此基础上解决问题。
觉醒法师·2023-08-27 13:54

element-ui：Vue开发者的最佳伙伴

如果你是一个使用Vue框架开发网页应用的开发者，那么你一定不会想错过element-ui这个优秀的UI组件库。
高垚淼·2023-08-27 13:13

VUE笔记（七）项目登录

elementui在终端执行vueaddelement注册组件如果要使用哪个组件，大家需要在plugins/element.js中注册该组件importVuefrom'vue'import{Button}from'element-ui'Vue.use
鸣鲷有柒·2023-08-26 20:29

Vue与Element-UI

浅谈Vue.jsVue.jsVue.js诞生Vue.js三大核心MVVMMVVVM模型vue实现的MVVM模型组件化组件组件与数据虚拟DOM事件事件监听原生JS与Vue.js实例实现效果代码对比事件过程Vue.js优点其他注意点Element-UIGUI工具Vue.jsVue.js是一套用于构建用户界面的渐进式框架。渐进式是指，它既可以作为一个库使用，又可以作为一个框架使用，两个之间自如选择。库是
浅山茶·2023-08-26 18:40

关于slot-scope已经废弃的问题

因为使用了element-ui的组件库，所以在使用组件的时候往往就cv大法了，直到今天用webstorm写代码是，提示了如下的错误我这一看，这不行啊，赶紧去查文档。
Jay丶萧邦·2023-08-26 13:55
上一页 35 36 37 38 39 40 41 42 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他