##element-ui 第56页

4. create-react-app eject后，实现ant-design组件以及组件样式按需加载（！！续）

不仅仅修改antd的主题色，所以把antd的样式文件从node_modules中提取了出来，用于修改,但antd推荐的按需加载的插件babel-plugin-import不能修改样式文件路径参考了vue组件库element-ui

漓漾li·2023-04-05 13:15

Vue多页面配置打包性能优化（解决加载包太大，加载慢问题）

默认情况：webpack会将多入口通用的组件库等，打包一个vendor的chunkjs中现在假设有两个页面：入口admin使用到了element-ui组件库和echarts图表库，入口index使用了iview

会点php的前端小渣渣·2023-04-05 07:10

解决vue项目使用element-ui时，样式不生效的问题

项目中我准备使用element-ui做跑马灯效果，仅仅执行sudocnpminstallbabelcnpminstallelement-ui-save，配置了相关代码之后发现有些类选择器(el-carousel

CoderZb·2023-04-05 06:49

使用ECharts制作柱形图

1.下载EChartsnpminstallecharts--save2.在main.ts引入EChartsimport'element-ui/lib/theme-chalk/index.css'import

~柠凉id·2023-04-05 03:21

Vue自定义组件并实现v-model

为了使组件使用起来更简单或者简洁，我们在vue项目中可能需要自定义组件，并且为它实现v-model，以下介绍具体的实现（此处是对element-ui组件el-select的二次封装）v-model实现原理

风喃海北·2023-04-05 02:59

计算机毕业设计Python+Spark+Flink高考志愿推荐系统高考大数据分析高考爬虫可视化系统大数据毕业设计高考系统高考志愿填写推荐系统

开发技术前端：vue.js、element-ui后端：springboot+mybatis-plus数据库：mysql机器学习/算法：python、lstm情感分析、协同过滤算法(基于用户、基于物品全部实现

计算机毕业设计大神·2023-04-05 01:46

前端项目架构

文章目录一.目录结构二.安装基本插件1、安装node.js2、安装npm3、安装Vue脚手架4、通过Vue创建项目5、安装并使用element-UI插件6、安装axios三.关键文件1、guli-admin

士女士女子·2023-04-05 00:45

element-ui的el-input按回车键后，如何阻止整个页面直接刷新，实现单页面刷新

当el-input标签放入el-form标签中时：1.只有一个el-input标签2.既有el-input标签又有el-button标签以上两种情况会触发form表单默认提交刷新事件（也就是整个页面直接刷新了，相当于按了F5，但是我们想要的效果是当前tab页单独刷新）解决方法：在el-form中增加@submit.native.prevent如果想对这个输入框进行回车事件监听，加上@keyup.e

我们都会更好的_b3fc·2023-04-04 23:47

vue-form-table（vuejs+element-ui的表格表单控件的二次封装插件）

vue-form-table介绍基于element-ui的el-form和el-table做的二次封装仓库地址：https://gitee.com/ziyuan_xcc/vue-form-table组件说明文档

涳涳嘚慌·2023-04-04 21:27

人力资源中台项目（day05）

组织架构树形结构布局目标：使用element-UI组件布局组织架构的基本布局认识组织架构组织架构产品prd一个企业的组织架构是该企业的灵魂，组织架构多常采用树形金字塔式结构，本章节，我们布局出页面的基本结构实现组织架构的头部内容首先实现头部的结构

孙大大啊·2023-04-04 17:11

人资项目day06-组织架构树形结构布局

使用element-UI组件布局组织架构的基本布局认识组织架构组织架构产品prd一个企业的组织架构是该企业的灵魂，组织架构多常采用树形金字塔式结构，本章节，我们布局出页面的基本结构实现组织架构的头部内容首先实现头部的结构

初学者--峰·2023-04-04 17:41

【Vue】插件:二、element-ui 常用事件方法

一、使用el-upload进行文件上传1.前提已安装elementUI并正确引入2.参数说明参数说明:action是执行上传动作的后台接口，本文置空采用http-request取而代之拦截请求，进行文件上传:multiple="true"设置是否可以同时选中多个文件上传，这个也是的属性:limit="1"上传文件数量，设置最多可以上传的文件数量，超出此数量后选择的文件是不会被上传的。:on-exc

smartdream·2023-04-04 16:13

前端Vue.js常用的库

1.moment日期时间2.animate.css动画效果3.饿了么UI库element-ui和iview后端webui库,MintUI移动端4.vant-ui5.NPMinstall指令image.png

我的名字就这么长·2023-04-04 15:18

使用扫描枪扫描条码时字符识别写入缓慢问题（针对element-ui的el-input）优化

问题描述前段时间仓库反映扫描识别慢，应要求去仓库出差排查问题，首先仓库的电脑配置较低，而且最近加了一个扫描二维码的功能（大概有接近200个字符写入），整体扫描时间（输入框写入字符+接口返回）返回结果一共用了2800ms左右。问题1：接口返回数据慢（后续已解决，接口那边大概从原来的500ms响应优化到100ms左右）问题2：扫描器扫描完后字符写入输入框速度缓慢（通过keydown那里用console

涳涳嘚慌·2023-04-04 13:26

element-ui el-date-picker 控制区间的选择

功能：1.选择小时，控制日期区间不可以超过2天2.选择天，控制日期区间不可以超过1个月3.切换表格，不限制时间区间，都可查询4.添加时间的快捷项小时：最近两天、天：最近一周/最近一个月点击查询来进行控制：diolagSearch(){if(this.activeName==='first'){//曲线switch(this.HisType){//小时/天的控制字段case'小时':if(newDa

疯泽清·2023-04-04 12:40

element-ui的按需导入

流程image.png](https://upload-images.jianshu.io/upload_images/23656040-6bf1f44c549555e7.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)//在src下创建一个文件写下需要导入的组件importVuefrom"vue";import{Form,FormIt

Coisini_754e·2023-04-04 10:31

小吴学前端--Element-UI tree 组件选中节点高亮（持续高亮）

最近开发的时候遇到的一个需求：1.加深选中单据颜色框；2.在不切换tree组件时，选中的一直保持高亮；由于对该组件不是很熟悉，记下笔记，用来巩固学习。1.点击后高亮显示的背景颜色修改（仅仅需要修改css部分即可）/deep/.el-tree-node:focus>.el-tree-node__content{background-color:rgb(158,213,250)!important;但

小吴Irving·2023-04-04 07:25

element-ui表格border头部有空隙

.el-tableth.gutter{display:table-cell!important;}.el-tablecolgroup.gutter{display:table-cell!important;}

鲸渔·2023-04-04 03:09

Vue.use源码数据流

importVuefrom'vue'importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'Vue.use(

Wendy81·2023-04-04 01:24

element-UI级联选择器(Cascader)获取label值（2.9.2前后写法）

elementui2.9.2版本把级联动选择器currentLabels属性去掉了2.9.2之前this.$refs['cascaderAddr'].currentLabelschangeCity(item){console.log(item,this.$refs['cascaderAddr'].currentLabels)},2.9.2之后this.$refs['cascaderAddr'].g

歪歪1993·2023-04-04 01:05

Vue + Node + MongoDB 前后端分离搭建一款简约的个人博客系统

前端项目主要是采用Vue2和Element-UI来搭建的；采用Webpack5来构建、打包。后端项目主要采用Node框架Koa2以及MongoDB数据库来设计的。

苏s哈·2023-04-04 01:50

vue各种权限控制与管理的实现思路

地址：前端面试题库web前端面试题库VSjava后端面试题库大全一、菜单权限菜单权限：控制用户在系统中能够看到哪些菜单项菜单权限指的就是后台系统中的左侧的菜单栏，前端可以根据后端接口返回的权限数据结合element-ui

前端技术栈·2023-04-04 01:53

使用element-ui表格组件el-table实现远程排序功能，同时去除排序规则中null。

实现远程排序给要排序的列el-table-column上加上sortable属性，值为custom,同时el-table上监听sort-change事件。分析null出现的场景触发排序的方式有两种，都可以出现排序规则为null的情况点击表头触发点击表头触发排序时，排序规则会依次按照sort-orders设置的值的顺序排序，sort-orders默认为['ascending','descending

晨曦却成夕·2023-04-03 19:28

零基础学习vue实战步骤7---配置elementUI的Message弹框提示

plugins--element.js用import导入Message这个组件组件，然后把这个Message组件全局挂载找到element.js//1.导入弹框提示组件import{Message}from'element-ui

王玉伟的伟·2023-04-03 18:14

vue中警告[Violation] Added non-passive event listener to a scroll-blocking event. Consider ma...

在基于Element-ui写项目的时候，Chrome提醒：[Violation]Addednon-passiveeventlistenertoascroll-blocking'mousewheel'event.Considermarkingeventhandleras'passive'tomakethepagemoreresponsive.image.png

刘其瑞·2023-04-03 11:38

vue开发：前端项目模板

简介vue-cli创建vue项目，整合vuex、vue-router、axios、element-ui项目模板下载地址创建项目Java+前端项目合集使用vue-cli创建项目，功能选择：Babel、Router

luck738·2023-04-03 10:01

第三方组件库：element-ui&iview&Vant

第三方组件库：element-ui使用方法：1.引入样式2.引入vue3.引入element-ui组件库//注意：第三方组件库，必须在Vue的下面引入4.找想要的样式组件https://iview.github.io

嘻嘻程序媛·2023-04-03 09:41

vue+element表单验证（身份证（校验），手机号码,导游证号码）

基于vue.js和element-ui的validate验证实现data(){constidCardValidity=(rule,code,callback)=>{varcity={11:"北京",12

rainy66·2023-04-03 06:51

element-ui el-tree选中子节点时默认选择父节点

element-ui里el-tree选中子节点用getCheckedKeys()只返回子节点如果需求是：选中任何一个子节点都默认选择父节点，怎么办？

雅致坊·2023-04-03 05:50

修改element-ui el-card卡片修改样式不起作用问题

1.deep深度作用选择器(局部修改).el-card/deep/.el-card__header{background:#fff;color:black;}image.png

阿宏撒·2023-04-03 03:22

element-datatable

element-datatable一款基于element-ui的表格插件，支持所有element-ui的属性和方法，可以接受本地数据和ajax参数异步请求服务器数据Aformplug-inbasedonelement-uithatsupportsthepropertiesandmethodsofallelement-uiandcanacceptlocaldataorajaxparameterasy

lwj1426282929·2023-04-02 23:30

Element-Ui el-tree 超出部分自动换行

在使用element-ui框架做vue项目树结构时，发现需要固定树结构的宽度，而且树结构的字段有可能会特别长，一行根本无法显示，加长又会影响展示效果，div的宽度固定，写了样式覆盖掉el-tree内部的结构图片

black墨·2023-04-02 22:45

基于node vue的电商系统 mongodb express框架

二、使用步骤1.前端main.js2.后端admin路由源码前言技术栈本项目采用前后端分离的开发方式，使用的技术栈是:Vue+Node+MongoDB前端：用vue-cli搭建，使用vue全家桶+element-ui

小阿七Eason·2023-04-02 20:11

关于Element的Tab切换由于使用display:none和百分比大小导致Echarts渲染大小100*100的问题

问题：Element-UI的Tab栏的切换是利用标签的display:none切换来实现的，这就导致在display:none的标签里如果有Echarts图表这个图并且echarts是使用百分比大小的时候切换过来的时候只有

kentlin·2023-04-02 11:52

vue element-ui el-cascader级联选择器数据回显简单的两种方法

vueelement-uiel-cascader级联选择器数据回显简单的两种方法通过value绑定值判断是通过name回显还是id回显exportdefault{data(){return{regionValue:['name1','name2','name3'],//（注：name1，name2，name3的数据要和name一样）通过id回显regionValue:['id1','id2','i

白开水z·2023-04-02 08:23

Element-UI el-calendar样式修改——日历

注:本人水平有限,仅供参考,有所意见和建议欢迎指出,效果展示代码实现vue:{{data.day.slice(8)}}/*一二三四五六日*/::v-deep.el-calendar-tabletheadth{padding:0;font-size:13px;color:#9CB2CD;}/*去除边框*/::v-deep.el-calendar-tabletrtd:first-child{borde

A_Hawthorn·2023-04-02 06:50

sparrow-js开源低代码场景化工作台，自动给你生成代码

介绍sparrow-js是场景化低代码（LowCode）搭建工作台，通过操作场景化编辑器生成源代码，侧重于支持日常业务需求开发的效率提示，核心目标仅有一条“提生研发效率”，目前提供基于vue、element-ui

tuonioooo·2023-04-02 02:24

element-ui可输入下拉框改变输入值对应的value

Documentvarvm=newVue({el:"#app",data:{options:[{value:'{name:"HTML",value:"HTML"}',label:'HTML'},{value:'{name:"CSS",value:"CSS"}',label:'CSS'},{value:'{name:"JavaScript",value:"JavaScript"}',label:'J

菜菜小宝·2023-04-02 01:23

element-ui el-dialog嵌套table组件,ref问题及解决

目录element-uiel-dialog嵌套table组件,ref问题解决办法vue组件库element-ui常见问题总结el-table相关el-form表单相关el-dialog对话框内嵌自定义内容的样式更改总结

·2023-04-02 01:50

ElementUI实现在下拉列表里面进行搜索功能详解

目录分析:html:js:css:使用总结分析:首先我们需要实现上图的效果,然后Element-UI的el-select是没有的,所以需要自己写我们需要用到el-popover组件,然后使用它的v-model

·2023-04-02 01:39

Vue轮播图基于Element-ui 开发

{{bitem.a1}}{{bitem.aa1}}{{bitem.a2}}{{bitem.aa2}}{{bitem.a3}}{{bitem.aa3}}{{bitem.a4}}{{bitem.aa4}}H5上拉加载importdateViewfrom"./date-view.vue";exportdefault{components:{"date-view":dateView},data(){ret

李海鹏_f321·2023-04-01 20:07

vue-cron 基于Vue的Cron表达式组件

插件安装npminstallvue-cron插件全局引用此处配合element-ui使用importVuefrom'vue'importElementUIfrom'element-ui';import'element-ui

梁月月_·2023-04-01 20:09

element-ui导航菜单折叠

问题描述：利用递归渲染左侧菜单栏，同时使用导航菜单折叠功能的时候，就会导致包含子目录的一级菜单没办法正常隐藏文字信息。出现原因：当使用递归渲染的时候，循环体组件是用div包裹的，在最后渲染的时候，导航菜单组件的内部出现很多没有实际作用的div，导致出现问题。解决方法：可以手动对对应的菜单进行文字隐藏。比如，给有子目录的一级菜单添加动态class名字通过父级传入变量isShow，来判断是否需要显示文

心使乱·2023-04-01 17:23

Element-UI tree 组件选中节点高亮的问题处理

最近新做的项目，有用到Element-UItree组件，需求是选中的节点背景颜色改变（默认的太浅了），并且要求不切换的情况下一直保持高亮由于项目的树比较多，我写了两种1.点击后高亮显示的背景颜色修改（但是不能一直保持不变）.el-tree-node:focus>.el-tree-node__content{background-color:rgb(158,213,250)!important;}这

lhy1122·2023-04-01 12:31

使用element-ui 菜单栏(el-menu)点击两次才高亮的bug

原因：default-active和index属性不一致导致的解决方法：使用路由的name属性设置给index和default-active

浮游本尊·2023-04-01 11:47

vue + element-ui实现动态多级表头

项目中需求为实现一个列表，表头动态不固定，并且可能包含一级表头以及二级表头。先上效果图实现思路：首先表头，包含着两种，一级和二级表头。后台接口返回的表头数据格式：[{"value":"组织编码","list":[]},{"value":"组织名称","list":[]},{"value":"大区指标4（数值）","list":["考核项目4（百分比平均）(目标)","考核项目4（百分比平均）(达成

EricCui_Cx·2023-04-01 11:24

若依管理系统（vue、Element-UI）图标偶发性乱码问题完美解决

一、问题描述现象：使用若依管理系统作为开发框架。开发过程中，图标一直正常。直到打包发布到线上，页面偶发性出现图标乱码问题，再次刷新页面后，又可正常显示。必现步骤：线上测试环境（即代码build打包发布的环境）使用F12打开调试模式，此时刷新页面，图标乱码。查看此时代码：浏览器调试面板出现两个图标样式，一个正常，一个乱码。此时使用的是乱码的样式。检查文件dist/css/app.xxx.css，发现

Bynine9·2023-04-01 01:48

vue+element-ui 基于element-ui 简单封装的table表格组件。

需要安装表格导出的插件:$npmi-Sfile-saverxlsx欢迎大佬优化改进~{{k.label}}{{props.row[k.prop]}}{{k.label||k}}{{scope.row[item.prop]||'空'}}{{scope.row[item.prop]}}{{k.label}}{{getTagDownLabel(item,scope)}}{{k.label}}{{getT

芸芸众生ing·2023-04-01 00:48

element-ui的el-radio怎么在已选中的情况下，再次点击取消选中

element-ui如果真要实现单选并且再次点击取消，可以选用checkbox，设置max=1即可data(){return{checkList:['A']}}如果一定要用radio，也可以使用下面的方法

吃盖浇饭·2023-03-31 18:37

NUXT项目打包优化策略

这里我们首先看一下不加任何优化的项目，打包后的分布：未优化这里能看到element-ui占了绝大部分的打包空间，是因为全局引入了element-ui，所

小懒惰的猪·2023-03-31 16:45

推荐频道

##element-ui