##element-ui

vue配置element-ui问题

在学习vue期间，刚开始配置element-ui时总是遇到各种各样的问题，记录一下解决问题的一些大致思路，方便以后做项目，也希望对别人有所帮助。
akang12138·2020-07-12 11:09

vue中使用element组件的Layout布局和Button按钮实现分页

1.安装elementUI：npmielement-ui-S2.引入elementUI组件（main.js文件中）importElementfrom'element-ui'import'element-ui
过敏的小鱼干·2020-07-12 10:03

vue + element-ui el-form-item循环校验及 el-table和el-form表单校验嵌套使用

vue+element-uiel-form-item循环校验及el-table和el-form表单校验嵌套使用第一种可以无限循环无限嵌套，支持同步异步更加灵活拓展性更强另一种每个form-item都当成一个form然后循环每个form去校验，这种方式比较繁琐不是很推荐，还是以td中包含form简单介绍一下吧无论是单纯的form-item循环还是把form-item放到表格的td中,其实都是在循环每
Doris.js·2020-07-12 10:30

element-ui Upload 上传文件

element-uiUpload上传文件需求描述：如图所示，upload只是用来选择文件，在点击提交的时候再和其他的数据统一上传，并且要限制该文件只能上传一个，为用户最后选择的那个文件。不使用action属性上传官方文档文档中描述到：action：是必选参数，上传的地址；http-request:覆盖默认的上传行为，可以自定义上传的实现，使用该属性的时候设置action的属性值为#只能上传单个文件
无语听梧桐·2020-07-12 10:39

nuxt引入element-ui（全局设置）

该方法为全局设置首先在plugins目录下创建一个element-ui.jsimportVuefrom'vue'importElementUIfrom'element-ui'import'element-ui
sukie0412·2020-07-12 09:04

element-ui响应式布局

        转载于:https://blog.51cto.com/11871779/2350614
weixin_34279061·2020-07-12 09:13

记一次element-ui配置化table组件的适应性问题（横向滚动条）

本来想在jsfiddle重现下的，结果没有成功，就给大家看截图吧vue版本：2.5.3element-ui版本：1.4.13浏览器：chrome66.0.3359.170复制代码大家可以发现，固定了高度的table不仅出现了纵向滚动条，横向滚动条也出现了（只能滚动一点点），其实宽度是足够显示的。然后将问题在网上搜寻，查到了相关的issuesgithub.com/ElemeFE/ele…github
weixin_34055787·2020-07-12 08:59

使用Ant Design的select组件时placeholder不生效/不起作用的解决办法

先来说说使用AntDesign和Element-ui的感觉吧。
weixin_33937913·2020-07-12 08:01

element-ui图片上传组件实现前端直传阿里云

因公司的项目需求，需要前端图片直接上传阿里云，并且采取的是后端签名后oss上传阿里云。html代码使用http-request覆盖组件的默认上传行为，图片操作（限制格式或者大小）可以放在before-upload钩子函数内复制代码picUpload(file){//图文上传//采取后端签名方式，获取的签名保存到cookies中，可以保证阿里云的安全性，账号不可见letpro=newPromise(
weixin_33755554·2020-07-12 07:52

基于Vue+element-ui 的Table二次封装

公司做的数据管理系统所以离不开表格了然后表格样式统一啥的就想到封装一个element-ui里面的table+Pagination了效果图表格组件的引入与使用使用插槽slot使用起来就和原来的table一样了
weixin_33744854·2020-07-12 07:15

vue中用数据驱动视图的思想去写代码——基础json可配置化

以element-ui为基础组件的部分代码菜单1菜单2菜单3菜单4这就是大多数人们写的代码，有着大量的重复代码，而且难以高效的维护，如果老板让再加10个菜单，他就会ctrl+c/ctrl+
weixin_33709364·2020-07-12 07:34

element-ui table 前端渲染序号 index

1、前端渲染table序号2、使用elementuihttp://element-cn.eleme.io/#/zh-CN/component/table#zi-ding-yi-suo-yin即‘通过给type=index的列传入index属性，可以自定义索引。’来实现。不需要后端传值。转载于:https://www.cnblogs.com/mengfangui/p/9896632.html
weixin_30753873·2020-07-12 06:39

element-ui Upload 上传组件源码分析整理笔记（十四）

/upload';importElProgressfrom'element-ui/package
weixin_30564901·2020-07-12 06:29

图片 保存 绝对路径和相对路径的讨论

数据库中图片保存绝对路径和相对路径的讨论一、问题1新的项目前端代码：采用visualstudiocode开发，采用以vue.js为基础的框架，最常用组件库Element-UI。
weixin_30516243·2020-07-12 06:24

elementUI之switch应用的坑

前言：因为项目中用到了饿了么出品的element-ui这一套ui框架，所以很多地方都踩在了坑里，前面碰到了一些，今天着重聊一下switch这个组件。
weixin_30247307·2020-07-12 05:51

饿了么UI库--Vue开发必备神器--让你轻松设计出好看的页面

本篇文章有两种方案让你使用Element-UI网站快速成型工具Element，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库这篇文章的作用就是让自学的小伙伴们，少费点时间，把时间用在学习新的知识上
wei1273356078·2020-07-12 05:17

element:常见用法总结（前后台常见问题与自定义表单验证）

持续记录工作中遇到的element-ui常见的问题及常见用法。。。。。
tomorrownan·2020-07-12 04:14

element-ui 实现行合并

目标样式：首先先来看下我们拿到的返回数据：tableData:[{productType:"纺织品",price:123,productName:'男装上衣',amount:20,operate_number:"20180831142020",price:"36.00",updateTime:"2018-08-31",operator:"小吴"},{productType:"纺织品",price:
小白变怪兽·2020-07-12 03:04

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

项目用到了vue,elementUI，结合Webpack打包运行的时候报错[email protected]:\demo\web-imwebpack-dev-server--inline--progress--configbuild/webpack.dev.conf.js13%buildingmodules32/75modules43active…te&index=0!F:\demo\web-im\
Marblog·2020-07-12 02:05

element-ui组件select选择器无法显示选中的内容的问题记录

这里写自定义目录标题问题描述发现解决办法原因问题描述element-ui组件表单中某个select选择器无法显示选中的内容的，其他的select，都可以，就新添加的不行。
丹哥不是哥·2020-07-12 01:08

Vue前端项目-用户管理-显示用户列表(上)

目录1、用户管理页面2、导入相关的element-ui组件3、查询用户列表API4、全局挂载方法5、添加日期范围方法6、定义分页组件7、scroll-to文件8、未完成部分9、Controller层10
踏 浪·2020-07-12 01:29

Vue前端项目-用户管理-条件搜索界面

目录1、用户管理页面2、导入Element-UI相关组件3、添加全局样式4、全局挂载获取字典的方法5、获取字典方法6、全局挂载重置表单方法7、重置表单方法8、Controller层代码9、Service
踏 浪·2020-07-12 01:29

element-ui 中设置日期的限制日期时间

el-date-picker（选择日期不能大于当天之后，并且限制在30天之内）html代码js代码pickerMinDate:'',//获取开始选择时间pickerMaxDate:'',//获取结束选择时间pickerOptions:{//时间范围选择控制onPick:({maxDate,minDate})=>{if(minDate){this.pickerMinDate=minDate.getT
mihe之歌·2020-07-12 00:41

Vue进阶（幺幺玖）：element-ui配置化table组件的适应性问题（横向滚动条）

在开发前端项目过程中，解决适配性、兼容性问题是经常遇到且费事费力的苦差事，尤其是在开发Vue项目，应用部署在IE（尤其是IE9）上的时候。在进行动态展示（根据后台返回的表头、表数据展示）搜索结果时，会遇到搜索结果适配屏幕宽度或高度，但是却会出现纵向或横向滚动条的现象，通过F12调试页面元素，会发现动态的增删overflow:auto元素属性，会解决以上问题。由此可知，动态渲染页面元素时，页面加载之
No Silver Bullet·2020-07-12 00:58

Django个人博客搭建教程---用vue结合element-ui写分页

{{scope.row.pk}}{{scope.row.fields.title}}{{scope.row.fields.category}}{{scope.row.fields.authorname}}查看查看详情分页器exportdefault{name:'home',data(){return{input:'',currentPage:1,pagesize:10,searchInfo:'',
请叫我算术嘉·2020-07-11 23:37

Element-Ui组件（二十六）Pagination 分页

Element-Ui组件（二十六）Pagination分页本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/pagination
究极死胖兽·2020-07-11 23:24

Vue前端上传EXCEL文件，后端（springBoot+MyBatis+MySQL）解析EXCEL并批量插入/更新数据库

如何解析Excel文件MyBatis：实现批量插入在mysql中设置唯一索引UniqueIndexMySQL中的insertignoreinto,replaceinto等的一些用法总结Vue前端前端主要用了element-ui
somnr3·2020-07-11 23:21

element-ui点击radio获取后面input的内容

在ABCD四个选项中，选择一正确选项，即选中一radio便获取对应input的内容，存入数据库如图：当点击radioA时，自动获取后面input框中的内容 前提：我选用的是组件库中的单选框组 根据查阅element-ui
袁浩东·2020-07-11 20:00

element-ui删除最后一页的数据时，如何让它自动返回到上一页

this.total是接口返回的总数据量单条数据删除后， //为了在删除最后一页的最后一条数据时能成功跳转回最后一页的上一页    consttotalPage=Math.ceil((this.count-1)/this.pageSize)//总页数    this.currentPage=this.currentPage>totalPage?totalPage:this.currentPage 
深蓝色的想念·2020-07-11 20:14

element-UI table 拿到index索引

页面方法rouClassNameFn({row,rowIndex}){//把每一行的索引放进rowrow.index=rowIndex;},onRowClick(row,event,column){console.log(row)}
qq_40291247·2020-07-11 19:57

模仿element-ui实现了可以拖拽的穿梭框--transfer

课件列表{{leftSelect?leftSelect:0}}/{{data1.length}}-->-->{{item.value}}0}">0}">已选课件{{rightSelect?rightSelect:0}}/{{data2.length}}-->-->{{item.value}}import{setTimeout}from'timers'exportdefault{props:{sou
qq_39738977·2020-07-11 19:26

Vue框架+Element-ui(el-upload组件)使用http-request方法上传文件并显示文件上传进度

页面代码  数据上传只能上传db文件，且不超过一个-->-->script部分引入axiosimportaxiosfrom'axios'methods代码片段UploadImage(param){if(this.filterForm.documentType===''){this.$message({message:'请选择档案类型后并重新上传',type:'warning'}
Mr.app·2020-07-11 19:48

element-ui 二次封装表格以及添加、编辑dialog

1、table组件以及弹窗组件{{item.label}}{{btn.label}}{{ra.label}}{{ra.label}}{{(item.formatter&&item.formatter(scope.row))||scope.row[item.prop]}}exportdefault{props:{//表格型号：mini,medium,smallsize:{type:String,de
福尔摩猪2333·2020-07-11 18:42

使用深度作用选择器 /deep/修改 element-ui iview 框架自带样式

/deep/可以翻译为深入的，深远的。看到前端大佬在css中有关于这种写法，开始没太注意，以为是框架自带的写法，后来发现不是。scoped介绍为了vue页面样式模块化，不对全局造成污染，给每个页面的标签加上scoped属性，表示它的CSS只作用于当前组件中的元素。这类似于ShadowDOM中的样式封装。它有一些注意事项，但不需要任何polyfill。它通过使用PostCSS来实现以下转换.exam
@Demi·2020-07-11 18:52

element-ui upload组件 上传文件类型限制

1.先说一下我遇到的问题其中接受类型已经加了accept但是当选择弹出本地选择文件时候切换到所有文件之前的文件类型就本根过滤不掉了选取文件只能上传xls/xlsx文件，且不超过一个解决办法：上传之前:before-upload="beforeUpload"再次判断文件类型beforeUpload(file){console.log(file)vartestmsg=file.name.substri
为什么名字都被占用·2020-07-11 18:00

elementUI响应式布局@media：基于断点的隐藏类

如果需要，请自行引入以下文件：import'element-ui/lib/theme-chalk/
草巾冒小子·2020-07-11 17:44

element-ui自定义上传图片

:http-request="uploadFile"其中uploadFile就可以是自定义的方法，具体如下：选取文件uploadFile(param){console.log(param.file);console.log(param.file.name);letuploadData=newFormData();uploadData.append('file',param.file);letcon
77不7·2020-07-11 14:17

Vue Element Upload组件自定义上传行为及值回填

问题由于项目使用element-ui，然后upload默认上传方式不支持我们现有接口。参照了一下官方API及相关博客，解决了我现有问题。
HiZhg·2020-07-11 14:28

详解element-ui 表单校验 Rules 配置 常用黑科技

type指示type要使用的验证器。可识别的类型值为：string：类型必须为string。type默认是string//校验string:[{type:'string',message:`请输入字符串`,trigger:'blur'}]number：类型必须为number。//校验number:[{type:'number',message:`请输入数字`,trigger:'blur'}]boo
·2020-07-11 13:25

关于element-ui 的upload组件 在vue中应用的几点说明（主要说http-request自定义上传过程的参数的使用）

因为upload组件默认用的http的请求，现在需要用websocket去做上传，经过查看element-ui的文档没找到方便的方法，故使用了http-request自定义上传的方式来上传文件几个配置参数的说明
雪汐落·2020-07-11 13:27

vue中el-upload上传多图片且携带参数，批量而不是一张一张的解决方案

vue技术栈最常用的就是element-ui的ui框架了。在项目中，我们经常会碰到这种需求：批量上传文件element-ui确实也为我们提供了这样的组件，同事也暴露了很多的属性和方法供我们使用。
宏-·2020-07-11 13:21

element-ui的el-table中添加递增序号

//注意：先把分页做好data(){return{total:1000,//默认数据总数pagesize:10,//每页的数据条数-当前显示数据条数currentPage:1,//默认开始页面-当前页}}//关键代码：//(当前页-1)*当前显示数据条数+当前行数据的索引+1//(page-1)*pageSize+scope.$index+1方法一：methods:{//表格序列号getIndex
miaozhenzhong·2020-07-11 13:14

element-ui el-upload自定义上传文件以及上传进度条的显示

选取文件上传自定义上传是通过：http-request指定来实现注意使用该指令，:on-success,:on-error指令是不会触发的，action可以使用普通字符串代替，或者空字符串代替，没有什么意义，但不建议删除。具体实现详见代码:data(){return{percentage:0,progress:false}}methods:{upload(param,uname){letformd
Scarlett_518·2020-07-11 11:13

element-ui 表单校验 Rules 配置 常用黑科技

type指示type要使用的验证器。可识别的类型值为：string：类型必须为string。type默认是string//校验string:[{type:'string',message:`请输入字符串`,trigger:'blur'}]number：类型必须为number。//校验number:[{type:'number',message:`请输入数字`,trigger:'blur'}]boo
妖色调·2020-07-11 09:00

element-ui 表单校验 Rules 配置 常用黑科技

type指示type要使用的验证器。可识别的类型值为：string：类型必须为string。type默认是string//校验string:[{type:'string',message:`请输入字符串`,trigger:'blur'}]number：类型必须为number。//校验number:[{type:'number',message:`请输入数字`,trigger:'blur'}]boo
妖色调·2020-07-11 09:00

使用element-ui datepicker时间日期选择器遇到的问题

所要实现的功能1，这里使用的是element是选择月份的代码2，后台返回的时间区间，意思就是说时间区间内2018年10月份到2019年4月份的月份是可以选择的，10月之前的日期和4月之后的日期都是不可以选择的。3，在methods中写入方法4，这里在定义starDate和endDate需要注意的坑，如果在data中直接定义的话可能会报错。starDateisnotdefined，这里出现这个原因可
jasmine0178·2020-07-11 09:15

使用element照片墙上传图片

效果：使用element-ui照片墙实现图片上传{{form.no}}-->uploadSuccess(response,file,fileList)":on-preview="imgPreview":
jasmine0178·2020-07-11 09:15

element-ui el-tree数据回显问题

例子1:问题原因：我们可能使用this.$refs.tree.setCheckedKeys(this.defalutArr);或者使用:default-expanded-keys=“treeDataSelect”:default-checked-keys=“treeDataSelect”来进行回显的获取数据解决：if(res.data.code==200){//默认选中的树的数据letthat=t
jasmine0178·2020-07-11 09:15

element-ui使用过程遇到的坑（2）—— table组件中的表格嵌套Select组件

在使用Table组件的时候，我想在表格的每一行的对应列都添加一个下拉框Select,如图所示。但是这样会出现一个问题，我们先看一下代码很显然，如果我们在某一个下拉框里面选择了其中的某个选项，那么其他下拉框也会被自动选上，因为此时所有的下拉框的v-model绑定的都是同一个value。实际上，我们想要的效果是每个下拉框都能够独立的去选择，而不会影响到其他的下拉框。因此，在table组件中，有一个，这
danzzzz·2020-07-11 07:20

Element-ui 表单组件date-picker日期格式化为yyyy-mm-dd

el-date-picker组件添加属性value-format="yyyy-MM-ddhh:mm:ss"即可，看代码：
钰琦同学·2020-07-11 07:03
上一页 123 124 125 126 127 128 129 130 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他