##element-ui 第126页

非vue项目，引入element-ui，css的加载和页面渲染顺序问题

由于公司一个老项目加一个模块，这个项目是非vue的，但是vue用习惯了，所以直接就引入element-ui了引入element-ui官网给的推荐是这样的（带版本）但是实际项目最好要避免引入在线库，一是如果更新

liushan633·2020-07-13 07:58

SaaS微服务开发平台 SpringBlade

SpringBlade微服务开发平台采用前后端分离的模式，前端开源两个框架：Sword(基于React、AntDesign)、Saber(基于Vue、Element-UI)后端采用SpringCloud

和代码去流浪·2020-07-13 07:03

vue路由重复点击同一个路由报错如何解决？

Element-ui重复点击同一个路由会报错:NavigationDuplicated{_name:“NavigationDuplicated”,name:“NavigationDuplicated”}

凌晨两点奔跑的绵羊·2020-07-13 06:44

Element-UI 使用el-row 高度设置

使用el-row布局列数多个时候，出现了高度不适应且排列混乱的问题处理办法在el-row布局属性上加入.el-row{margin-bottom:20px;display:flex;flex-wrap:wrap}.el-card{min-width:100%;height:100%;高度要设置百分比才可以margin-right:20px;transition:all.5s;}设置完成后

清雨未尽时·2020-07-13 06:23

element-ui表格多选回填及联动实现

问题描述：表格分页后，数据多选并支持数据回显；问题分析：在表格初始化时，需要把之前选择的数据勾选上，当操作当前表格时，需要把数据联动到已选择数据中；解决方案：1、对源数据深拷贝；letcopyData=JSON.parse(JSON.stringify(resource));2、每次表格刷新数据后，需要重新回显数据setTimeout(()=>{tableData.map(item=>{letha

伊始er散·2020-07-13 05:55

Element-Ui中的upload实现拖拽上传掉接口

因为项目需要，需要上传识别发票，掉接口完成，将图片上传服务器，查阅文档最终实现功能，要实现的效果图如下：html：上传发票照片将文件拖到此处，或点击上传只能上传jpg/png文件，且不超过500kb无法识别？试试手动输入这里使用了上传文件的钩子函数，仔细看文档就好：js：computed:{paramsData:function(){letparams={type:2,};returnparams

小柠檬的泡泡糖夏天·2020-07-13 05:03

关于element-ui在form提交调用api后，错误提示使用el-form校验来显示错误的方法

采用js动态校验的方式实现使用el-form的校验处来展示错误信息直接上代码exportdefault{data(){return{loginForm:{username:'',password:''},rules:{username:[{required:true,message:'用户名不能为空',trigger:'blur'}],password:[{required:true,messag

少广·2020-07-13 05:01

第一节、什么是Vue组件及组件的注册方法

相信在使用Vue进行项目开发的时候很多人会接触到vue组件，最常见的就是我们使用的element-ui组件库，用起来确实很方便，大大减少了我们的开发时间。

DreamFive·2020-07-13 04:58

element-ui隐藏组件el-scrollbar的使用

看到element-ui官网页面上明明有漂亮的滚动条，却在文档中找不到这个插件，可是好想用啊，终于，看到了一个贴讲这个的，受到启发，我精简了下样式，用法如下：....zy-main{height:100%

fairyIer·2020-07-13 04:19

让Element-ui的Container布局容器高度百分百显示

使用Element（2.13.1版本）的Container布局容器布局，按照官网的代码运行后不能撑开整个页面，只能显示一段高度，代码如下：HeaderleftMain那如何让它高度百分百显示呢？给html、body、#app及最外层.el-container的height设置100%即可。index.html：demo1html,body{margin:0;height:100%;}app.vue

duansamve·2020-07-13 04:37

Element-ui中ElScrollBar组件滚动条的使用

在翻看element-ui官网的文档时，发现其左侧导航和右边的内容超出屏幕时，滚动条的样式比较小巧，通过浏览器审查工具查看，发现它是使用了el-scrollbar的样式，跟element-ui的组件样式命名一致

dicuan0092·2020-07-13 04:38

element-ui按钮组件全局设置size大小

element-ui按钮组件全局设置size大小element-ui官方手册全局配置在引入Element时，可以传入一个全局配置对象。该对象目前支持size与zIndex字段。

云上碧霄·2020-07-13 03:44

关于Element-ui的多选框，单选框无法选中的问题

前端就选择用Vue和Element-UI开发了，可是在使用的过程中出现了很多错误，浪费了很长时间，也让我对Javascript有了更深的了解。

李井瑞·2020-07-13 02:07

element-ui滚动条el-scrollbar置底

element-ui滚动条el-scrollbar置底在需要滚动的地方加上方法scrollDown(){this.$refs['myScrollbar'].wrap.scrollTop=this.

单推人·2020-07-13 02:51

element-ui全屏全局加载动画（请求，路由加载）

使用的是Element-ui的全局loading加载，以服务方式调用，使用Vuex，结合全局路由守卫与请求拦截器，实现这个内容。建议使用Vuex新建公用方法去修改状态。

Your-Nikee·2020-07-13 01:22

SpringBoot（jdk1.8）+（vue）Element-UI导出ACCESS

参考自：https://www.2cto.com/kf/201807/759940.htmlhttps://www.xuebuyuan.com/zh-hant/3246500.htmlhttps://blog.csdn.net/wurui8/article/details/43236207UCanAccess官网：http://ucanaccess.sourceforge.net/site.htm

Lin____·2020-07-13 00:52

前端之vue轮播图效果-----引用Element走马灯效果

话不多说，先上效果图：1.首先要引用到element走马灯插件：下载element之后，在main.js中引入：import{Carousel,CarouselItem}from'element-ui'Vue.use

前端的一只小白·2020-07-13 00:01

Vue管理

element-ui中的steps使用，给每个步骤条添加自定义功能需求：上传数据文件功能分步骤操作备注：此文章是针对VUE环境以及搭建好，直接从功能开始介绍步骤介绍：创建对应的步骤条名称并在每一个步骤条中写入插件

飞翔1号·2020-07-13 00:35

利用递归遍历出数组对象中的children的值在Cascader 级联选择器中显示

直接上代码element-ui所要求的数据格式：options:[{value:'zhinan',label:'指南',children:[{value:'shejiyuanze',label:'设计原则

Akatsuki233·2020-07-12 23:36

Element-ui中vue中表单的编辑和提交的代码过程解读（一）

首先我们来谈一谈后台管理系统中，表单的提交和隐藏老规矩第一步加载并使用Element-ui框架，找到from表单组件和Dialog组件，链接如下https://element.eleme.cn/#/zh-CN

南方企鹅_1577·2020-07-12 23:45

element-ui框架 el-dropdown-menu组件绑定click事件

记录篇直接用@click是不生效的也没有报错玲玲个人中心退出需要用@click.native玲玲个人中心退出最后感谢这位宝宝分享https://blog.csdn.net/wolf131721/article/details/80459547

不爱吃柚子的柚子姑娘·2020-07-12 23:38

el-container 布局

代码：顶部栏左侧侧边栏主要区域容器//importElAsidefrom"element-ui/packages/aside/src/main";//importElMainfrom"element-ui

大海无量波涛凶·2020-07-12 22:57

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

我们使用element-ui、vue开发网站的时候，往往图标是起着很重要的作用。

棋鬼王·2020-07-12 22:06

vue合家福实例(2)：使用element-ui el-scrollbar

element-ui是提供了el-scrollbar组件的，但是在文档中没有介绍它的使用方法。使用它不复杂，但是还是有几个注意点。el-scrollbar本身没有height样式。

诸葛韩信·2020-07-12 22:06

海创软件组--vue使用element-ui

一：下载element-ui终端控制台输入npminstallelement-ui--save二：在main文件中引入element-ui（注意，此方法为全局引入，项目体积会较大一点，只是我觉得方便一点点

小孬种·2020-07-12 22:41

海创软件组--20200628-班级信息列表界面

创建布局首先先创建布局，这种页面使用element-ui来做会很方便，然后你构思一下，之后拿数据，拿到数据之后考虑功能的，当你选择班级之类的进行查询后，此时是后台给你返回匹配到的数据，这个功能是前后台交互的

chainnnn·2020-07-12 22:40

Springboot+Vue实现像浏览器一样搜索下拉框的高频词推荐或历史搜索记录

实现过程：1.前段Vue部分：{{item.value}}{{item.num}}搜索采用element-ui中的el-autocomplete组件，这个组件就是带搜索建议的输入框

静幽水1·2020-07-12 22:16

欢迎关于element-ui,iview等侧边栏高度不能全部占满浏览器高度问题使用CSDN-markdown编辑器

关于element-ui,iview等侧边栏高度不能全部占满浏览器高度问题需要CSS配置：全部代码如下：Layout.vueAside.vue需要CSS配置：.el-aside{display:block

iron_ruler·2020-07-12 22:31

vue开发中出现的一些问题记录

发现了以下错误：1、项目在ie9下样式错乱，这是和vue及element没有什么关系，基本上都是自己样式书写没有考虑到浏览器兼容性问题比如：flex布局，clear:both清除浮动，::after伪元素等2、element-ui

hf_872914334·2020-07-12 22:20

Vue Element-UI el-aside组件永远有一个300px的width

文章目录VueElement-UIel-aside组件永远有一个300px的width问题发生问题描述问题排查解决方案和总结根本原因解决方案总结问题发生前端学艺不精，所以所写的前端代码层次也没有特别高，久闻Element-UI

CrazyOnes·2020-07-12 21:47

使用 iconfont 中的 svg 图标

最近在使用Element-UI开发的时候发现其图标并不是够用，于是想着如何将https://www.iconfont.cn/home/index上面的图标导入进自己的项目中去。

片刻清夏·2020-07-12 20:37

Element-ui之ElScrollBar组件滚动条的使用

在使用vue+element-ui搭建后台管理页面的时候，做了一个头部、侧栏、面包屑固定的布局，导航栏和主要内容区域当内容超出时自动滚动。使用的原因：原来是采用优化浏览器样式的方式，对滚动条进行样式调整。但这个方法并不兼容火狐浏览器，在火狐访问时依然是浏览器默认的滚动条样式。.sidebar{position:fixed;border-right:1pxsolidrgba(0,0,0,.07);o

wywar·2020-07-12 20:02

element-UI 点击一行，背景色变化

selectedHighlight({row,rowIndex}){if((this.getIndex)===rowIndex){return{"background-color":"rgb(250,195,100)"};}},tableRowClassName({row,rowIndex}){//把每一行的索引放进rowrow.index=rowIndex;},rowClick(row){con

咕噜咕噜的车轮向前·2020-07-12 20:04

element-UI el-table合并单元格

vue+element-ui合并单元格，如果id列值一致，则合并。 getSpanArr(data)方法data就是我们从后台拿到的数据，通常是一个数组；spanArr是一个空的数组，用于存放每一行记录的合并数；pos是spanArr的索引。如果是第一条记录（索引为０），向数组中加入１，并设置索引位置；如果不是第一条记录，则判断它与前一

zhefudexiaojiahuo·2020-07-12 20:19

裁剪图片并将图片上传到到阿里云oss（element-ui上传组件结合图片裁剪插件VueCropper）

摘自本人项目，供自己查阅。如有需求请联系我共同探讨。上传图片-->上传图片返回保存发布返回上一级保存importheadTitlefrom"@/components/AdminHeader";importEditorfrom"@/components/Editor";import{VueCropper}from"vue-cropper";//图片裁剪插件import{rqGetArticleCat

前端小端长·2020-07-12 19:21

element-ui的table表中数据可编辑

先看效果html结构代码{{scope.row.info.url}}查看在线预备vue中table是常用的，很多时候为了方便偷懒用table，但可能朋友们就会遇到我这种情况（可编辑），实现的方法有：原生方法组件切换的方法我个人选择第一种简单low的方法（动态生成el-input、button）。js代码基本上就是动态生成赋值、class、style等效果，改改就可以用。tableDbEdit(in

zeng092210·2020-07-12 19:09

Element-Ui input只允许输入数字和两位小数

方法一1、页面效果2、form表单3、校验规则data(){constvalidateMoney=(rule,value,callback)=>{if(!value){callback(newError('审计价格不能为空'))}elseif(value.indexOf(".")!=-1&&value.split('.').length>2){callback(newError('请输入正确格式的

xiongdaandxiaomi·2020-07-12 17:43

Element-ui 和 vue-cropper 实现图片上传按尺寸大小裁剪

使用element-ui和vue-cropper实现图片上传按尺寸大小裁剪功能，这是github源码element-uiupload组件element-uiupload组件上传图片，设置自动上传，使用before-upload

JefferyXZF·2020-07-12 15:18

Nuxt.js中使用Element-UI填坑

Element-UI则是一个机遇Vue2.0+开发的一套UI框架，实现了常用的组件，可帮助开发者快速搭建一个如CMS系统、后台管理系统等基于Vue的系统。

依然自我·2020-07-12 15:27

基于vue.js的饿了么的element-ui的unpkg文件的下载到本地

现在vue.js使用很广泛，饿了么的element-ui基于vue.js开发的ui框架。官方提供了unpkg的访问地址https://unpkg.com/[email protected]/。

w星星b·2020-07-12 15:22

element-ui中拿到表格当前行的索引

scope.$index可取到当前索引例下：封禁解禁有疑问可以私信或者评论留言

爱吃豆角·2020-07-12 14:13

自定义 element-ui 表格滚动条插件

自定义element-ui表格滚动条插件elemtent-ui是基于vue2.0开发的优秀的前端UI组件库，它秉着简洁，快速，效率的原则，大大的方便了网站开发人员，减少了开发人员大量的书写组件时间。

Jdes·2020-07-12 13:37

SPA项目开发之登录注册

目录1.vue怎么引入和配置使用element-ui框架2.Vue+ElementUI设计登陆页面3.后台交互(axios/qs/vue-axios)4.案例Login.vueReg.vuemain.jsaction.jshttp.jsindex.js

flat on failure·2020-07-12 13:44

element-ui中对获取的data新绑定数据进行数据更新却不触发数据更新

当我们需要对后台获取的res.data进行新绑定数据的时候如:data(){return{list:[]}}.....................res=>{this.list=res.data;this.list.forEach(item=>{item.a=1234;})}这个时候,如果对上面新添加的变量a进行值更新操作并不能触发视图更新,如:如上面的批量打折并不能影响下面打折,即使对lis

吃饭不吃肉·2020-07-12 13:17

vue表单设计器，vue，动态表单

最近刚刚打包发布了一款表单设计器,基于element-ui的如果有需要的可以看一下,如果对你有帮助的话,希望去github上给项目点个star,如果有什么问题可以直接给我留言,项目刚发布,如果大家有更多的需求的话

你跟我吃醋的样子可爱极了·2020-07-12 12:47

Ant-Design-Vue快速上手指南+排坑

前言公司要开发一个后台管理系统，对于UI库的选择上选择了颜值爆表的Ant-Design-Vue作为整个项目UI库，但谁曾想，暗中的坑一个接一个，文档也不怎么详细，可能习惯了element-ui的掘友们也许不怎么好适应

weixin_42647798·2020-07-12 12:00

Django后端分离使用element-ui文件上传方式

1：导入element2：前端文件css：.avatar-uploader.el-upload{border:1pxdashed#d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;}.avatar-uploader.el-upload:hover{border-color:#409EFF;}.avat

·2020-07-12 12:23

element-ui el-date-picker控制开始时间不能大于结束时间

应用场景是项目中的条件查询，开始时间不能大于结束时间，反之结束时间不能小于开始时间，如下图：HTML:JS:data(){return{params:{endDate:"",//结束时间beginDate:""//开始时间},/*start开始时间小于今天,结束时间不能大于开始时间*/startTime:{disabledDate:time=>{if(this.params.endDate){re

修炼中的小妖怪·2020-07-12 11:57

vue 使用element-ui的字体图标不显示的解决办法

如果是webpack的vue项目，直接引入import'element-ui/lib/theme-chalk/index.css';字体图标就能显示如果是传统的html使用，采用标签引入，先把element-ui

一码平川！·2020-07-12 11:25

element-ui+vue弹出多个message的问题处理

弹出前判断是否有相同弹出框，若有则关闭它再弹出新的resetMessage.js：import{Message}from'element-ui';letmessageInstance=null;constresetMessage

zeke_x·2020-07-12 11:25

推荐频道

##element-ui