##element-ui 第93页

Vue router / Element 重复点击导航路由报错解决方法

写Vue项目中，使用Element-ui重复点击导航路由会报错，报错信息如下：NavigationDuplicated{_name:"NavigationDuplicated",name:"NavigationDuplicated

xiaoma121212·2020-09-16 00:56

【报错问题】Vue element-ui 提示 ‘element-ui/lib/theme-chalk/index.css’ 找不到

一、版本说明，没有的需要安装"element-ui":"^2.13.0",//npminstall--saveelement-ui"vue":"^2.5.2",//npminstall--savevue"vue-router

窩窩頭·2020-09-16 00:48

【vue】 “jquery.nicescroll” 改变菜单滚动条样式 & 滚动条隐藏，“scrollbar”：element隐藏组件

2019-07-31使用element隐藏的scroll组件如果项目有引入element-ui框架，觉得直接用element隐藏的scroll组件最方便快捷了插入想要引入的内容设置高度height，横向滚动条隐藏

BAGBANG·2020-09-16 00:48

vue中动态控制表格列的显示与隐藏（优化版本，便于后期维护与修改）

这边是没优化之前的代码，表格部分代码量稍微有点多，写法有点繁琐element-ui部分header-contextmenu是element-ui提供的方法，点击表头时触发//prop:字段名label：

封小荷·2020-09-15 23:47

vue-cli中使用element-ui暴露全部变量时候使用et-i报错的解决方法

在vue-cli中使用element-ui时候,使用CLI主题工具自定义主题时候,按照文档执行的时候,想要全部暴露scss变量的时候执行et-i命令的时候,报错:解决方法:cnpmielement-themex-g

qq_40994418·2020-09-15 23:14

自定义element-ui主题，修改样式

项目需求之前项目中引用的select选框有bug,所以需要改动，考虑到还有许多需求，果断将饿了么组件全移过来安装element-ui2.0.1版本安装完之后，我就将element-ui的组件应用上，然后编译的时候报错了

ddyy265201503·2020-09-15 22:22

电商后台管理系统——通过CDN优化Element UI的打包

一点睛虽然在开发阶段，我们启动了element-ui组件的按需加载，尽可能减少了打包的体积，但是那些被按需加载的组件，还是占用了较大的文件体积。

cakincheng·2020-09-15 22:58

vue报错：dependencies were not found: * element-ui in ./src/main.js * element-ui/lib/theme-chalk/inde

/src/main.js*element-ui/lib/theme-chalk/index.cssin.

Shiny0815·2020-09-15 22:02

‘et‘ 不是内部或外部命令，也不是可运行的程序，element-theme运行et命令报错

安装element-ui的「主题生成工具」时，到运行命令et-i报错，在powershell报错：在cmd中也报错：原因是我没全局安装element-theme，我只在本项目安装了element-theme

fairyIer·2020-09-15 21:51

vue vue-router ElementUI导航栏重复点菜单报错问题

在使用Element-UI中的导航时，默认情况下如果重复点击某选项，会报错。

fairyIer·2020-09-15 21:50

如何实现全屏遮罩（附Vue.extend和el-message源码学习）

[Vue]如何实现全屏遮罩（附Vue.extend和el-message源码学习）在做个人项目的时候需要做一个类似于电子相册浏览的控件，实现过程中首先要实现全局遮罩，结合自己的思路并阅读了（饿了么）element-ui

weixin_34106122·2020-09-15 20:33

Vue中对axios简单的封装

内调用方法图片演示结果说明代码源于之前写的项目可以参考一下在axios已安装的情况下新建一个api.js文件importVuefrom'vue'importaxiosfrom'axios'//导入axiosimport{Message}from'element-ui

千世丶希·2020-09-15 20:37

在element-ui中的dialog中固定底部操作按钮

未来了在dialog里固定底部按钮我刚开始用position:flxed但是十分效果不佳用relative和absolute也达不到想要的效果最终解决方法：position:sticky黏性定位就解决了问题

暴躁鹅·2020-09-15 18:41

Electron-Vue项目使用Element的el-table组件不显示

electron分为两个工程文件夹的形式融合为了一个electron-vue工程文件，因为有很大的改动，特别是环境和相关配置方面与原先的工程有很大的不同，随之而来就有很多坑，这篇文章要将的就是今天碰到的element-UI

荷花微笑·2020-09-15 17:04

vue treeselect获取当前选中项的label实例

selectDepart(val){console.log('selectDepart',val)this.formData.deptName=val.name}结果如下所示，可以获取到当前选中项的信息：补充知识：vue中element-ui

·2020-09-15 17:45

element-ui tree结构实现增删改自定义功能代码

首先是页面部分下面是js部分exportdefault{props:['treeDataObj','isUserMgt'],//父级传值与判断哪个treedata(){return{treeData:[],//tree数据expandedKey:[],//展开节点checkedID:''//选中节点}},mounted(){this.treeData=this.treeDataObj.treeDa

·2020-09-15 17:09

Element-ui树形控件el-tree自定义增删改和局部刷新及懒加载操作

需求：vue-cli项目树形控件：一级节点为本地节点，默认展开一级节点，增删改后局部刷新数据。增加节点，点击确定后局部刷新，渲染新数据。源码element组件样式{{node.label}}append(node,data)"class="el-icon-plus">deletes(node,data)"class="el-icon-delete">rename(node,data)"class=

·2020-09-15 17:08

Element-ui el-tree新增和删除节点后如何刷新tree的实例

新建子节点是刷新一次本节点的展开请求，而重命名和删除则需要刷新父级节点的的展开事件，二,删除节点node.parent.loaded=falsenode.parent.expand()完毕~补充知识：element-ui

·2020-09-15 17:33

vue中使用element-ui进行表单验证

element-ui中验证一、简单逻辑验证（直接使用addRules）实现思路html中给el-form增加:rules="addRules"html中在el-form-item中增加属性prop="名称

路边的一颗野草·2020-09-15 17:25

element-ui的table表格的表头与内容列不对齐解决

问题描述：element-ui的table表格的表头与内容列不对齐,出现错位？？

Sunny_Future·2020-09-15 16:13

交换element-ui的MessageBox弹框的确定和取消位置

博主在使用element-ui的MessageBox弹框时发现默认的弹框是取消在前，确定在后，如图所示：博主并不喜欢这种样式，博主比较喜欢确定在前，取消在后的样式。

Arlisol·2020-09-15 16:30

更改element-ui中MessageBox弹框的确定和取消位置

使用element-ui的MessageBox弹框时发现默认的弹框是取消在前，确定在后，，这和我们平时的大多习惯有点不同，再加上设计师设计的ui图也是取消在后，确定在前，于是要更改下点击打开MessageBox1

weixin_44409702·2020-09-15 16:53

vue表格数据编辑element-ui

tableData赋值后不可编辑，没有set、set、set、get属性，但是值有变化要在赋值的数值上操作exportdefault{data(){return{formModel:{name:'',pwd:''}}},methods:{processFormData(val){lets=JSON.parse(JSON.stringify(val))this.formModel.name=s.na

ygangying·2020-09-15 16:49

Element ui表格高度自适应

element-ui表格高度自适应1.动态绑定table的高度值:height2.获取浏览器高度，并监听浏览器resize变化mounted(){getHeight()//增加监听事件，窗口变化时得到高度

G_D_Q·2020-09-15 15:40

element分页pagination英文文字转变为中文

出现英文按照开发要求是不允许存在这种主题不统一的问题：官网也给出解决方法：https://element.eleme.cn/#/zh-CN/component/i18nimportElementUIfrom'element-ui'import'element-ui

天不生文龙，万古如长夜·2020-09-15 14:43

element-ui+vue2.0 实现登录并实现一周內记住密码

/router'importElementUIfrom'element-ui'import'element-ui/lib/theme-chalk/index.css'import'element-ui/

红浴巾·2020-09-15 14:44

element-ui表格如何自定义模板，比如预览图片

假如有：tableData:{picUrl:'https://www.baidu.com/img/jijian%20pad_13db91458cc0573abbf3055bc9c1d15b.png';}那么关键代码如下:

77不7·2020-09-15 14:06

element-ui 增删改查

第一部分:搭建springboot测试数据库是否连接成功,并引入element_ui.js和vue.js的依赖1.引入pom.xml依赖***必须是maven版本支持的org.springframework.bootspring-boot-starter-parent2.2.0.RELEASEorg.springframework.bootspring-boot-starter-weborg.sp

不许人间有白头·2020-09-15 14:25

element-ui select页面显示自动触发验证问题

页面加载之前重置校验this.$refs.form&&this.$refs.form.resetFields();

小栋la·2020-09-15 14:07

Mint-UI的mt-search如何触发事件（确定和取消）

关于开源框架的使用文档，我接触到的还是Element-UI写得最为简洁明了了，相比于Mint-UI都是同一个爸爸（饿了么）出来的，差距为什么就这么大呢？

蔚莱先森·2020-09-15 13:23

Vue——解决[Vue warn]: Invalid prop: custom validator check failed for prop "index". found in错误...

Invalidprop:customvalidatorcheckfailedforprop"index".错误重现：使用element-ui的菜单，在SubMenuAttribute中有一个index的属性

abyiy9580·2020-09-15 13:03

Vue + Element-UI 记住用户名和密码到Cookie

参考链接https://www.cnblogs.com/nxmin/p/8386031.html实现功能：1.记住密码勾选，点登陆时，将账号和密码保存到cookie，下次登陆自动显示到表单内2.不勾选，点登陆时候则清空之前保存到cookie的值，下次登陆需要手动输入大体思路就是通过存/取/删cookie实现的；每次进入登录页，先去读取cookie，如果浏览器的cookie中有账号信息，就自动填充到

a12hhhe·2020-09-15 12:30

vue项目引入 element-ui框架

vue项目要用到element-ui，则需要进行安装和引入官方推荐使用npm的方式安装，它能更好地和webpack打包工具配合使用。npmielement-ui-S还需要引入Element才能使用。

a12hhhe·2020-09-15 12:58

基于Element-UI可以动态生成表单项的form表单

由于做项目的需要做一个不定项的form表单，即可以动态生成表单项的form表单，自己利用element-ui的el-form表单制作了一个，如下动图：此动态form表单是基于element-ui里的el-form

蔚莱先森·2020-09-15 12:57

Element-ui table前端分页

exportdefault{data(){return{allDa:[],tableData:[],pageNumber:1,pageSize:10,total:0}},methods:{//获取数据getDa(){Api.getData().then(res=>{this.allDa=res.datathis.total=res.data.lengththis.paging()})},//分页方

搬砖的小白·2020-09-15 12:22

element-ui上传按钮与普通按钮放置在一行

element-ui组件中，文件上传按钮是由el-upload控制的，普通的按钮是el-button，在使用时，如果不加以修饰，往往会分两行的形式存在，如图：代码如下：导入EXCEL样表下载虽然直观的看起来是在同一个

默默J·2020-09-15 12:06

element-ui el-input只显示下划线

只需要增加样式.el-input__inner{width:220px;border-top-width:0px;border-left-width:0px;border-right-width:0px;border-bottom-width:1px;/*outline:medium;*/}当然这个也适用与普通的.input标签.效果如下:

weixin_33796205·2020-09-15 12:49

Vue：element-ui重置表单不生效的解决

重置表单项的方法：this.$ref[‘queryForm’].resetFields()//其中queryForm是表单绑定的ref属性值没有给表单绑定ref属性没有给表单项绑定prop属性参考：https://blog.csdn.net/weixin_42332641/article/details/102509066

舟渡的锅儿·2020-09-15 11:03

关于element-ui并列几个el-upload并排的问题

然后element-ui一直困扰我的就是这个el-upload的布局问题，一个如果一个upload里边有几个button，不管slot="trigger"的button在第几位一定就排到第一位了，另一个就是他的自动换行

孤立皮皮虾·2020-09-15 11:01

element-ui 实现全局loding动画加载

定义全局加载动画拦截器使用element-uiLoading组件实现动画1.实例化loading对象import{Message,Loading}from'element-ui'letloadingInstance

weixin_44429874·2020-09-15 11:07

vue中element-ui form或者table lable换行问题

今天在写项目，突然遇到个需求，需要将form里面的lable换行，百度了下，发现了一个办法，特此记录下来First，我们先要在我们的lable里面进行以下操作:label="'机组：\n（xxx用）'"双引号嵌套单引号在需要换行的文字中间加入\n换行符Second，再添加css的样式/deep/.el-form-item__label{white-space:pre-line;}//如果是tabl

一颗甜橙树·2020-09-15 10:17

vue+typescript+element-ui项目类型报错的问题

注意：vue-cli4目前貌似是会报类型错误的，不管是element-ui,还是ant-design-vue，不知道是不是新版的cli需要做什么配置；但是vue-cli3是没问题的；报错的话，检查一下版本

导乐符·2020-09-15 09:59

element-ui组件form表单校验采坑！！！！！

由于公司业务需求。需要使用很多表单，故采用elementui中form表单，因为组件封装好校验未填的提示，也就是如下写法：写完之后特开心，因为纳闷多表单校验再也不用写纳闷多if了，没想到的是，今天提测，测试输入空格，我靠，惊呆了，空格竟然能保存？？？？？于是百度解决方案，现有以下俩种解决方案第一种：在绑定表单的时候加上trim，如图所示：这个有什么好处尼？他可以去除开头和结束的空格，也就是禁止用户

xuwen@ven·2020-09-15 09:40

element-UI的分页效果

element的vue分页第一步将下面代码写入页面中在这里插入代码片.第二步设置JS部分：不要问为什么写就行了```javascript```javascriptemitPageSize:function(val){varvm=this;vm.paginationObj.currentPage=1;vm.paginationObj.numPerPage=val;vm.getList();//数据获

43626318·2020-09-15 08:21

vue 打包过大处理

下面总结一下自己的打包优化心得：1.像Vue、element-ui、vue-router、vuex、babel-polyfill这些都不用打包，打包后很大的，可以引用cdn在webpack.base.config.js

前端zhou·2020-09-15 08:53

使用vue打包，vendor.js文件太大的解决方式

build/webpack.base.conf.js文件，在module.exports={}中添加以下代码externals:{'vue':'Vue','vue-router':'VueRouter','element-ui

一行注释·2020-09-15 08:13

那些年使用vue-pdf踩过的坑

效果图1.首先在项目中安装vue-pdfnpminstallvue-pdf--save2.在页面引入element-ui的弹窗组件（.vue）3.处理逻辑（.vue）importpdffrom'vue-pdf

敲出真谛·2020-09-15 08:39

解决vue-cli npm run build之后vendor.js文件过大的方案

解决方案像vue、axios、element-ui、ivew这些基本上不会改变的依赖我们可以把它们用cdn导入，没有必要打包到vendor.js中。

lllomh·2020-09-15 08:44

Vue 移动端UI库----Mint-UI的Swiper组件的坑

完整引入importVuefrom'vue';importMintfrom'mint-ui';import"mint-ui/lib/style.css"Vue.use(Mint);//按需引入注意：和Element-ui

hzxOnlineOk·2020-09-15 07:55

解决vue打包后vendor.js文件过大问题

第一步、cdn引入各种包index.html中cdn的方式引入vue、vuex、axios、element-ui、vue-router等包第二步、在使用vue等包的地方，注释掉import引入在所有使用

qq_35776479·2020-09-15 07:28

推荐频道

##element-ui