##element-ui 第80页

/node_modules/element-ui/lib/theme-chalk/index.css)

/node_modules/element-ui/lib/theme-chalk/index.cssModulebuildfailed:ModuleBuildError:Modulebuildfailed

超悠閒·2021-06-16 02:30

Nuxt element-ui 修改主题

1.修改主题（官方文档）官方文档：自定义主题Element的theme-chalk使用SCSS编写，如果你的项目也使用了SCSS，那么可以直接在项目中改变Element的样式变量。新建一个样式文件，例如element-variables.scss，写入以下内容：/*改变主题色变量*/$--color-primary:teal;/*改变icon字体路径变量，必需*/$--font-path:'~el

疾风劲草ccy·2021-06-15 06:41

尚硅谷2020微服务分布式电商项目《谷粒商城》学习笔记

/pan.baidu.com/s/1eGCTi6pLtKbDCwBs-zCOzQ提取码：1pma涉及技术前端技术Vue人人开源/renren-fast-vuerenren-fast-vue基于vue、element-ui

namehao465·2021-06-15 00:16

nuxt按需引入element-UI及自定义主题

YotrolZ·2021-06-14 19:08

使用Vue时，遇到Element-UI input 输入无反应

el-input是v-for渲染的,而且嵌套比较深.输入的时候,发现输入不了,而且无法删除,打印的时候也是获取不到当前输入值；只有触发别的事件时，才起作用。后经查询,发现使用vue的强制更新（$forceUpdate）可以起到这样作用.methods:{change(e,index){this.form.formList[index].val=ethis.$forceUpdate()}}

汶沐·2021-06-13 18:11

树形穿梭框---el-tree-tranfer 的使用以及遇到的问题

el-tree-tranfer：一个基于vue和element-ui的树形穿梭框及邮件通讯录github文档：https://github.com/hql7/tree-transfer效果展示：soogif.gif1

毛茸茸的狗·2021-06-13 01:10

element-ui 怎么在表格头部添加一个Tooltip

我想实现的效果如下图：微信截图_20191029171825.png找了一下element的说明文档,里面有个属性render-headerimage.png我看网上都是写原生的createElement,非常的不方便,我们用另外一种方法先安装相关的插件：npmibabel-helper-vue-jsx-merge-propsbabel-plugin-syntax-jsxbabel-plugin-

你若像风·2021-06-12 23:06

element-ui,遇到的问题

element-ui,重置功能失效this.$refs[formName].resetFields()//只是将查询条件初始化，所以在初始化时绑定什么值就还是什么值。

无花无酒_3cd3·2021-06-12 13:30

element-ui table设置列fixed时滚动条无效的解决方法

在使用element-ui的table组件时，给前面某些列设置了fixed属性，不随着滚动条滚动移动，结果发现设置后，拖动横向的滚动条的前半部分无法拖动。

Bior·2021-06-12 11:27

element-ui 筛选条件变更重置页数和数据，Table

实现的功能：当查询条件变更时，要重置页数为1，将数据清空方案列表最简单直接的方式就是，点击查询按钮重置页数为1//查询列表asyncqueryTable(noRest){constres=awaitqueryInventory(this._fmtParams(noRest));this.tableData=res.data.list;this.paginationInitial.total=res

pruple_Boy·2021-06-12 04:27

2019-10-24

importfetchfrom"@/utils/fetch.js";import{Message}from"element-ui";importstorefrom"@/store";importechartsfrom"echarts

LookForandPersi·2021-06-11 19:23

element-UI(v2.4.9)table性能问题浅谈

最近在浏览项目时无意中发现负责的模块在滚动时会出现些许卡顿。通过chrome的performance工具进行对比测试发现：鼠标放在滚动条上，即不再页面之内时，用滚轮进行滚动，无明显异常；鼠标放在table组件上时，用滚轮滚动，感觉到了卡顿，见下图；performance从上图可以发现，在某些时间段内帧数极低，同时火焰图上可以发现于此同时在执行mouseenter事件的函数，综上推测源头应该是鼠标移

SD_Gaming·2021-06-11 17:41

关于vue打包成app

/'就会解决问题如果用了Element-ui则又会出现图标无法识别的错误，所以需要在文件中添加publicPath:"../../"打包后就可以将文件压缩成app了打包app

北街九条狗·2021-06-11 09:23

vue基于element-ui如何自定义主题？

element-ui，是一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库，它的默认主题是蓝色，但是你使用时主题需要是红色系，绿色系该怎么办呢？

小鱼的大白话·2021-06-11 05:39

vue笔记

/vuex.vuejs.org/zh/guide/axios：https://github.com/axios/axiosvue-router：https://router.vuejs.org/zh/element-ui

野渡无人666·2021-06-10 22:27

element-ui之el-image-viewer(图片查看器)

前言随着版本的更新ElementUI新增了新的组件，例如：Image，没错今天被我发了Image下面可通过previewSrcList开启预览大图的功能。这是官方文档中有写的，但是我想不使用Image组件又想使用预览大图的功能是否可行呢？答案是当然可以。使用方法翻看了Image的源码，发现大图预览是一个小组件image-viewer，打开看看它的props，如下props:{urlList:{ty

Gorkys·2021-06-10 05:00

IE11 el-menu鼠标滑过报错：Error in v-on handler: "TypeError: 对象不支持此操作"

一、bugIE11el-menu鼠标滑过报错：Errorinv-onhandler:"TypeError:对象不支持此操作"二、解决修改源码目录node_modules\element-ui\lib\element-ui.common.js

闲汪·2021-06-09 21:14

Element-ui Cascader 级联选择器同时返回 value 和 label

给cascader组件赋值一个别名ref="myCascader"然后我们就可以通过currentLabels来获取cascader组件中的label了onProvincesChange(item){console.log(item,this.$refs['myCascader'].currentLabels)}以上大概是2.9.2版本之前可用的方法（根据issues2.7.2版本是能用的）在2.

Karnaugh·2021-06-09 00:48

Element-UI 使用 tips

icon上显示popover时遇到箭头定位不在icon的bottom-centerexampleicon的popover箭头定位不在icon中间这个是因为popover的placementPROP是用于设置dom的left-edge的。即你设置的placement="bottom-start"是指优先将popover放在icon的左下方且左边界对齐，放不下了再重新适配，最后再计算箭头位置。可以通过

KrisLeeSH·2021-06-08 23:12

vue element-ui动态生成table表头和数据

1、template2、script//表格数据listData:[{admin:1,name:'23',carRewardId:'34',carFundProvider:'34',carFrameNo:'354',carNo:'534',acreage:'93450',assetsType:'44344',incomePrice:'34',rewardStatus:'23',addTime:'2

钱段工程师·2021-06-08 18:29

【vue3】element-tree 默认选中并高亮自动展开某个节点，通过点击按钮控制expanded来控制展开

参考：element-ui默认选中并高亮某一个树节点效果:思路：通过ref来获得element-tree的dom元素引用：然后在处理函数中引用当前选中实例的node本身，并且将展开选项expanded设置为

甜甜圈Sweet Donut·2021-06-08 17:56

vue 组件库 ant-design、quasar、element-ui 按需加载和主题重置

env声明组件库可动态编译的效果#ant-design组件库VUE_APP_UI_ANT_DESIGN='ant-design'#quasar组件库VUE_APP_UI_QUASAR='quasar'#element-ui

pruple_Boy·2021-06-08 15:22

vue+elementui 实现新增和修改共用一个弹框的完整代码

element-ui是由饿了么前端团队推出的一套为开发者、设计师和产品经理准备的基于Vue.js2.0的桌面组件库，而手机端有对应框架是MintUI。

·2021-06-08 10:54

element-ui的form表单树型结构验证必填

当你点到这篇文章，说明你也有类似的需求，希望此篇文章能对你有帮助。1，需要验证的树型结构如下：formData:{"description":"","config_source_bos":[{"value":"","source_param_bos":[{"value1":"",}]}]}2，已vue为例来说明对"description":"",属性使用正常验证就行主要针对"config_sour

李仁平·2021-06-07 21:50

Vue中正确使用Element-UI组件的方法实例

一、CDN目前可以通过unpkg.com/element-ui获取到最新版本的资源，在页面上引入js和css文件即可开始使用。

·2021-06-07 21:15

element-ui el-date-picker 日期范围的可选范围和快捷选项

DocumentclassDateFormat{getDate(value){constdate=newDate(value)constyear=date.getFullYear()letmonth=date.getMonth()+1letday=date.getDate()month=monthtodayDate},shortcuts:[{text:'今天',onClick(picker){co

老周_o_o·2021-06-07 19:30

工作流引擎

技术选型：前端：vue、element-UI、jsPlumb后端：Java8、SpringBoot、JPA、Mybatis、Redis、MySql访问地址(用户名/密码：admin/123456)：

魑魅魍魉_5a55·2021-06-07 19:35

vue封装axios的几种方法

importaxiosfrom'axios'import{Message,Loading}from'element-ui'constConfigBaseURL='https://localhost:

·2021-06-07 17:10

vue element-ui中table合计指定列求和实例

注意点：1.中加:summary-method="getSummaries"2.中要加prop//房间号的合计去掉getSummaries(param){const{columns,data}=paramconstsums=[]columns.forEach((column,index)=>{if(index===0){sums[index]='总计'}elseif(index===5||inde

·2021-06-07 16:23

element - ui 表单验证 rules 配置

掌握以下几点，让你的表单校验不在困难本文参考详解element-ui表单校验Rules配置常用黑科技一，typetype：输入类型，stringtype可选属性：number,boolean,string

不够自律·2021-06-07 16:36

vue Element-ui表格实现树形结构表格

本文实例为大家分享了Element-ui表格实现树形结构表格的具体代码，供大家参考，具体内容如下前端效果展示:在el-table中，支持树类型的数据的显示。

·2021-06-07 10:52

Element-ui组件库Table表格导出Excel表格

实现效果页面截图点击“点击导出”按钮后下载sheetjs.xlsx文件（导出文件）sheetjs.xlsx文件截图Element组件库中的el-table表格导出需要的主要是两个依赖:(xlsx和file-saver)安装npminstall--savexlsxfile-saver两个插件的详细地址在下面https://github.com/SheetJS/js-xlsxhttps://githu

nomooo·2021-06-07 00:39

用vue，Element-UI，Axios实现简单的三级联动

安装并使用Element-UI：安装：npmielement-ui-S引入Element:完整引入-在main.js中写入以下内容：importVuefrom'vue';importElementUIfrom'element-ui

席小丽·2021-06-06 22:36

# Vue、Element-ui项目中如何使用Iconfont(阿里图标库)

我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。下面是vue、element-ui项目，如何使用阿里iconfont图标库的方法。

武一顶顶·2021-06-06 22:43

vue2.0搭建vue脚手架(vue-cli)，集成element-ui

1.首先要安装node.js下载地址https://nodejs.org/en/安装完成后，在cmd命令行里面键入node-v查看版本C:\Users\lh188>node-vv8.9.3我们需要的npm功能已经在node中集成，输入npm-v查看版本C:\Users\lh188>node-vv8.9.3展示版本号，代表已经安装成功。2.由于npm的部分资源被强，我们需要安装cnpm，相当于国内的

那个名字特别特别长的家伙是我·2021-06-06 21:03

电商管理项目

前端技术栈vue、vue-router（路由）、Element-UI、Axios（发起网络数据请求）、Echarts（绘制图形报表）后端技术栈node.js、MySQL、Jwt（状态保持功能，等于session

KongWish·2021-06-06 00:54

Swiper 滑动tab组件 uni-app

之前做Vue项目时有各种组件库Element-UI、Vux、Weex等，现在需要完成的项目是用uni-app去做的，限制了全套用第三方插件，稳定性不好。自身推荐的组件有时候没办法满足发开需求。

前端小慵卿·2021-06-05 19:11

Vue+i18n配置,取不到该语言取默认语言(备选语言)

安装vue-i18n模块npminstallvue-i18n我的配置(包含备选语言)importVueI18nfrom'vue-i18n'importelementEnLocalefrom'element-ui

残_忆·2021-06-05 13:59

element-ui展示

展示了element-ui的相应组件的功能及UI，以便快速浏览查询。Transition过渡动画transition。内置了几种过渡动画。Layout布局el-rowel-col。

想聽丿伱說衹愛我·2021-06-05 09:31

vue实现页面权限中的菜单配置

在element-ui中找到NavMenu导航菜单组件，使用该组件做一个二级菜单的循环体组件。菜单数据存储在vuex中。基础菜单的循环体组件（以二级菜单为例）在组件中判断是否有子集来加载不同的模块

闲余幽梦·2021-06-05 01:01

Vue学习笔记: Vue + Element-ui搭建后台管理系统模板

Vue学习笔记:Vue+Element-ui搭建后台管理系统模板技术：Vue+Element-ui功能：后台管理系统基础模板，路由配置，加载页面进度条,请求响应拦截器的封装等页面预览：后台管理系统模板代码:GitHub一、创建初始化项目选择好项目所在文件夹：进入cmds输入vuecreatezhb_vue_clizhb_vue_cli为自定义项目名称；如果不需要太多功能的话可以选择快速创建。选择第

前端互助会·2021-06-04 10:30

demo319

pngvue-cli初始化一个项目这里选择了手动配置(manually)初始化时的一些配置.png启动一下试试.png启动没有问题，接下来看下目录结构目录结构.png提交一波代码提交代码.png安装所需依赖安装element-ui

快乐的大鹅·2021-06-04 07:57

记录vue打包踩坑

/'element-ui打包后的不展示图标：进入build下的utils.js，在以下位置添加image.pngpublicPath:'../../'

blublu23·2021-06-04 06:26

Vue 人资实战篇五组织架构页面递归函数的调用、树形结构、效验规则、利用ref调用子组件的方法、通过debugger调试、加载进度条的使用

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

Hyman-ya·2021-06-03 20:17

【Vue3】优雅地使用 element-ui 中的 table 组件＜一＞

前言：如果你不了解什么是slot，建议先去补知识：【建议参考的好文】（虽然文中的语法是vue2，现在已经是vue3，但是概念和思路讲得十分清楚：）Vue中slot与slot-scope的理解及使用【官方文档】：插槽简单来说，slot就是一个可以被替换的接口（插座），例如：有天我写了一个机器人，并在机器人的心留下了一个插槽（slot）。如果我想做一个牛心的机器人，那么我就定义一个牛心，然后将牛心加

甜甜圈Sweet Donut·2021-06-03 19:15

关于vant--ui按需引入的详解

一、安装vant–uinpminstallvant--save-dev//安装vantnpminstallelement-ui--save-dev//安装element-ui二、全局引入//在src/main.js

迪邦尼·2021-06-03 16:39

Element-ui 之解决禁用状态下的清除按钮仍可点击的问题

目录话不多说，先看效果上代码话不多说，先看效果上代码html代码：直接使用样式解决即可：css代码.is-disabled:hover.el-input__suffix{display:none;/*当表单元素为禁用状态时，隐藏表单元素的清除按钮*/} 以上就是本文的全部内容，如有不足，望大家多多指点！谢谢！

Zhuangvi·2021-05-31 22:55

Element-ui 之解决表格中编辑与非编辑状态文字超出时弹出文字提示（利用Tooltip 组件）

目录话不多说，先看效果上代码写在末尾话不多说，先看效果上代码html代码：{{scope.row.address}}js代码：//isEdit是否编辑，isShowTooltip是否使用tooltip//编辑状态的文字超长提示tooltipinputOnMouseOver(event){consttarget=event.target//判断是否开启tooltip功能if(target.off

Zhuangvi·2021-05-31 21:20

Element-ui 之多级路由导航（已解决点击收起展开按钮时的文字不隐藏以及文字卡顿现象）

目录效果及代码代码解析问题1、点击收起时导航文字不隐藏；问题2：点击收起时文字会先卡一次然后再隐藏的；写在末尾效果及代码话不多说，先看效果！上代码：首先这是封装好的导航组件；//这个组件时通过npminstall下载的空标签库，用作解决点击收起时文字不隐藏的问题；下文会做详细解析{{item.title}}{{item.title}}然后在相应的页面中调用：//在这里调用封装好的导航组件im

Zhuangvi·2021-05-30 11:16

入门Bootstrap框架，满满案例实战“开箱即用”直接复制~

如果你不会Vue，使用Element-UI可能是有点蒙蒙的，这时候Bootstrap可能是你的另外一个选择。简单，方便，接下来，直接运用吧。B

李猫er·2021-05-28 18:03

推荐频道

##element-ui