##element-ui

element-ui upload组件 onchange事件 传自定义参数

{handleChange(file,fileList,item)}":on-preview="handlePreview">点击修改其中item为自定义参数转载于:https://www.cnblogs.com/Mr-Rshare/p/11541842.html
andingran3462·2020-09-10 12:24

MiaoMiao电商后台管理系统介绍

MiaoMiao电商后台管理系统介绍是一个功能比较完善的基于vue、element-ui的项目（内含接口文档），并且在完成之后，经过了项目优化：通过vue.config.js修改webpack的默认配置为开发模式和发布模式指定不同的接口通过
Zmongo·2020-09-10 12:38

axios 二次封装，适用于Vue React

，代码如下importaxiosfrom"axios";importqsfrom"qs";//react中使用antd此处自定义//import{message}from"antd";//vue中使用element-ui
SnowBeatRain·2020-09-10 11:47

element-ui @change自定义传参

changeFun(checked,item)">
冒烟筒·2020-09-10 11:46

关于Element-UI Upload 上传图片第二次或第N次无反应的问题

如果我们设置了:limit="1"，在我们上传完成第一张图片后，如果想更改当前的图片那么很幸运的告诉你，不行、没效果。发现后是不是立刻百度，会发现很多错综复杂的解决方案！直到自己眼晕脑胀也没有一点办法，那么很幸运的告诉你，你找到了我！导致整个问题的原因是因为你没有清除当前files，导致他一直保存这你第一次上传文件的信息，只要你把他一刀切掉就好了！那么问题来了，应该怎么清除呢！看下面的代码：//只
蚂蚁上的大象·2020-09-10 11:30

前端使用Element-ui上传文件如何添加Token

vartoken=localStorage.getItem(‘token’)//要保证取到exportdefault{data(){return{myHeaders:{Authorization:token}}}}
A-黄泽俊·2020-09-10 11:44

使用element-ui里的多选框拿到想要的数据

arrList:[]getNewList:[]{{item.value}}拿到的数据呈数组格式,可通过item.id,value,等拿到想到要的,再根据需求转换为其他格式都可以
吃饭不吃肉·2020-09-10 10:14

element-UI,根据后台数据、动态生成el-checkbox-group，点击提交获取绑定checked项以及实现显示默认checked项

{{item.menu}}{{checkedEquipments[index]}}{{data.menu}}exportdefault{data(){return{checkedEquipments:[],//随意修改后的checked项（即要传到后台的变更数据）equipments:[//所有数据{id:'1',menu:'设备1',childMenu:[{id:'1-1',menu:'暖通一'
酷酷的蚂蚁·2020-09-10 10:00

扩展组件之2：使用plupload重新封装vue element-ui upload组件，使它支持IE9

封装目的因为element-ui提供的upload组件不支持IE9，但是编者的项目需要支持到IE9（万马奔腾）没办法，只能自己封装一个，利用第三方的plupload库进行封装plupload官网封装出来的效果基本跟
weixin_34221775·2020-09-10 10:49

element多个多选功能实现

element-ui的el-checkbox嵌套多选{{item.name}}{{list.name}}提交newVue({el:'#app',data(){return{menu:[{"id":1,"
我是一只害虫·2020-09-10 10:09

element-ui table多选CheckBox参数解析

前提现在需要对表格中的数据进行判断，判断是否可选。上代码添加：selectable=“IsCheck”methods:{}添加IsCheck(row,index){if(!row.IsCheck){returnfalse}else{returntrue}},
知永无涯·2020-09-10 09:47

element-ui checkbox基础多选（绑定后台json对象值）

首先申明看你需求的数据格式是怎样的如果是json数组的如：constcityOptions=['上海','北京','广州','深圳']那么可以直接看element-ui的官方链接的写法https://element.eleme.cn
丸子'·2020-09-10 09:02

vue element-ui el-upload上传插件二次封装

首先附element-ui官方文档：https://element.eleme.cn/#/zh-CN/component/upload我这里在组件中主要使用el-upload的上传、文件列表、删除等功能下面会有详细代码
丸子'·2020-09-10 09:02

一篇文章彻底搞懂layui框架中的弹窗（layer）

在这个年代，各位前端小哥哥小姐姐们，是不是用惯了element-ui、antD中的弹出层。其实现在的话，接着就是谈谈layui这个2016年推出来的前端框架。
韩巨星·2020-09-09 11:35

element-ui checkbox 组件 全选功能

checkbox有三种状态：全选(显示的’√’),选中部分(显示的’-’),全不选(啥都没显示)。checkbox中的属性indeterminate，只负责样式控制。indeterminate属性用以表示checkbox的不确定状态，一般用于实现全选的效果。案例如下：全选{{item.label}}属性介绍：1.checkAll：判断是否全选；2.isIndeterminate：全选按钮的样式控制
qq_36437172·2020-09-08 23:31

vue自定义指令限制输入框输入值的步骤与完整代码

本文内容基于element-ui，el-form组件可以绑定model、rule用于表单内容校验，但如果有多个表单多个输入框那就得写很多个rule，虽然方法可以通用可是使用起来也是比较繁琐的，可通过自定义执行实现一次注册
·2020-09-08 13:47

关于element-ui表单中限制输入纯数字的解决方式

我就废话不多说了，大家还是直接看代码吧~补充知识：elementform表单验证（数字，手机号，邮箱）我就废话不多说了，大家还是直接看代码吧~立即创建重置exportdefault{name:'HelloWorld',props:{},data(){//手机号验证varcheckPhone=(rule,value,callback)=>{constphoneReg=/^1[3|4|5|6|7|8]
·2020-09-08 13:15

Vue中安装element-ui失败问题原因

开启npm.cmd，输入npminstallelement-ui-S命令，正常情况会安装成功，但也有安装不成功的情况，若安装不成功，则检查npm和vue是否安装成功，使用：npm-vvue-Vps:这里的V大写来查看版本，看不到版本号，便重新安装npm或vue。解决方式：npminstallnpm-g
薛定谔的猿...·2020-09-07 15:41

2020-09-06 form-create插件 后端表单生成上传组件在前端上传回调链接地址无法自动获取的解决办法

form-create插件上传组件的配置文档：http://www.form-create.com/v2/element-ui/components/upload.html这是一个在前端模拟JSON上传组件的示例
追寻1989·2020-09-06 02:54

vue element-ui 前端实现分页效果

vueelement-ui实现前端处理分页1.使用el-pagination分页插件!--分页条-->2.在你的数据表格中绑定tables.slice((currentPage-1)pagesize,currentPagepagesize)这是关键!!!3.在date中定义参数currentIndex:'',currentPage:1,//初始页pagesize:10,//每页的数据4.在meth
大裤衩子#·2020-09-05 14:42

vue封装 element-ui form表单验证 正则匹配手机号 自定义校验表格内容

在methods:中写：//检查手机号isCellPhone(val){if(!/^1(3|4|5|6|7|8)\d{9}$/.test(val)){returnfalse;}else{returntrue;}},在template中需要验证手机写的是element框架中prop="phone"验证规则data中data(){varcheckphone=(rule,value,callback)=
一个晨晨啊·2020-09-03 20:31

element-ui el-image 第一次加载图片失败，第二次不刷新的问题

最近使用elementUI的el-image发现经常会出现加载src失败的情况，问题估计就是el-image的src路径一旦初始化加载失败的话就没有异步刷新，有两个解决办法：1.给:src设置默认值，避免图片加载失败的情况2.加v-if判断:src中的value值是否为空或者:src的key值是否存在，是则加载图片，否则不加载
chengpiaoliang·2020-09-03 18:38

element-ui 循环for rule校验方法

//循环的form//注意这里的prop和rules提交data(){return{listQuery:{list:[{value:''},{value:''}]},//循环校验的rulesrules:{value:[{required:true,message:'请填写',trigger:'blur'}]}}}//触发校验的提交按钮submitForm(){this.$refs['listQue
d34skip·2020-09-03 15:34

工作笔记：Element-UI Dialog自定义组件点关闭按钮 报错：Avoid mutating a prop directly since the value will be overwr...

页面打开Dialog对话框，点击取消和确认正常，点击关闭按钮能关闭Dialog对话框，但是会报错。修改之前的代码：//父组件//子组件props:{visible:{default:false,}}close(){this.$emit('update:visible',false)}报错：解决方案：使用Dialog对话框Attributes中before-close劫持，调用$emit(‘upda
惜__缘·2020-08-31 14:51

使用vue render jsx 实现element-ui table组件合并表头功能

实现后的效果图先安装jsx的依赖包npminstallpostcss-loaderautoprefixerbabel-loaderbabel-core配置babel.config.js文件中添加//babel.config.jsmodule.exports={"presets":[...],"plugins":[...],'env':{"text":{"presets":["es2015"],"p
丿Mr_Liu·2020-08-28 11:04

element-ui 树形控件 展开相关节点

官网的例子是对节点进行过滤，过滤掉不符合条件的节点。此例子只是对相关节点进行展开。DocumentnewVue({el:'#app',data(){return{timer:null,isShow:true,filterText:'',searData:[],data:[{id:1,label:'一级一',children:[{id:4,label:'二级四',children:[{id:9,la
weixin_44734152·2020-08-28 10:04

基于element-ui做组件的二次封装,并发布到npm

基于element-ui做npm组件的二次封装首先使用使用vue-cli创建新项目。我在这里使用vueui可视化界面，然后在插件中搜索element-ui插件。安装好后，全局引用。
VivenZZ·2020-08-26 23:17

element Image组件

{{t('el.image.error')}}importLocalefrom'element-ui/src/mixins/locale';import{on,off,getScrollContainer
weixin_30532837·2020-08-26 23:13

element-ui中input使用maxlength失效

element-ui中input使用maxlength失效//不用maxlength用oninput完美解决11)value=value.slice(0,11)"placeholder="输入用户手机号查询
-祖国的花朵-·2020-08-26 23:28

基于vue+ts 的上传组件封装(上传+预览<包括图片+PDF>) 功能超全hh

一、依赖包vue-pdf"^4.0.12"v-viewer"^1.5.1"jquery"^3.4.1"element-ui"^2.13.0"二、初衷、思路、想法绝大数后台管理项目和少数C端项目都离不开文件的上传及预览
蓝海00·2020-08-26 18:03

element-ui 步骤条的使用(转)

纠结好久element-ui中步骤条的基本使用方法如上图所示，更加具体的可以去element-ui的官网查看。
追梦的小猴子·2020-08-26 16:12

基于element-ui Notification 组件的消息提示

新公司项目有个消息提示的需要，老系统是基于window的Notification属性做的，具体做法letdata=datas||[]//封装的方法，传递的数据if(window.Notification){for(leti=0;i{this.$notify.info({title:'消息',message:this.showMessArr[this.index]['popup_message']|
wo_dxj·2020-08-26 16:09

关于element-ui 中步骤条的深度使用(一)

首先引入element-ui,在项目的入口文件通常为（main.js），引入样式：importElementfrom'element-ui';//引入element-ui组件impo
勤奋笨笨鸟·2020-08-26 16:05

element-ui 步骤条的使用

纠结好久element-ui中步骤条的基本使用方法如上图所示，更加具体的可以去element-ui的官网查看。
栗子萌萌哒·2020-08-26 16:15

VueJS自定义组件之弹窗组件和树形组件

弹窗组件这类组件的特点是在当前Vue实例之外存在，通常挂载与body，上在使用element-ui弹窗组件的时候，我们可以看到这一点：并且它们是通过JS动态创建的，不需要在任何组件中声明。
shi一样的代码·2020-08-26 16:08

vue+element-ui实现自定义即时编辑步骤条

elementUI的官方给的是有步骤条这个组件的，如下：看到示例及参数配置后，，果然远远满足不了需求，只能自己动手组装一个了，还好，vue给我们的组件机制可以很快很便捷的开发出我们想要的东西，于是我在element-ui
WULIhuihui·2020-08-26 16:08

SpringBlade微服务开发平台介绍

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

element-ui el-cascader组件，异步加载城市，数据回显默认值的小坑

以前的城市联动都是分三个select写，这次用cascader联动下拉优化一下用户体验采用的是异步加载数据，就是点击一级加载下一级数据data(){return{province:[{}],//这个数据是组件初始化created异步加载的数据，里面加空对象是为了el-cascader初始化没有数据报错data=null这个原因addressArr:[],//绑定的数据is_cascader:Mat
qishenliang·2020-08-26 13:19

vue的element-ui 中 i18N国际化

i18N1.在main.js中引入i8n.importVueI18nfrom'vue-i18n'importenLocalefrom'element-ui/lib/locale/lang/en'importzhLocalefrom'element-ui
YanR_W·2020-08-26 12:30

element-ui el-cascader组件，异步加载城市，数据回显默认值的小坑

以前的城市联动都是分三个select写，这次用cascader联动下拉优化一下用户体验采用的是异步加载数据，就是点击一级加载下一级数据data(){return{province:[{}],//这个数据是组件初始化created异步加载的数据，里面加空对象是为了el-cascader初始化没有数据报错data=null这个原因addressArr:[],//绑定的数据is_cascader:Mat
qishenliang·2020-08-26 11:29

基于element-ui做组件的二次封装,并发布到npm

基于element-ui做npm组件的二次封装首先使用使用vue-cli创建新项目。我在这里使用vueui可视化界面，然后在插件中搜索element-ui插件。安装好后，全局引用。
VivenZZ·2020-08-26 11:29

element-ui上传图片的详解

需求：element-ui实现上传头像。
hailanBlue·2020-08-26 10:32

vue element-ui 上传文件到七牛云

其实接触vue的时间并不长，以前都用的是ng,但mvvm框架学起来还是比较好学的尤其是vue有自己的ui框架element-ui,现在开始使用：用别人的东西，当然要看文档了，先看看这个这个是elemen
日光不倾城·2020-08-26 07:01

七牛云图片上传：使用element-ui的upload组件

昨天问了一下element团队，他们还没有试过用element-ui的upload组件传图片到七牛云我试了一天发现没问题，同时觉得七牛并没有一个前端后端流程都演示到的demo，于是再次记录一波流程后端配置好七牛相关的
lupeng0206·2020-08-26 07:04

vue-element-admin-template 登陆报500超时错误 解决方案

name":"vue-admin-template","version":"3.8.0"[email protected]@v10.14.2前景概要vue-element-admin是基于element-ui
pangluo00·2020-08-26 06:13

Vue(element-ui)项目优化

项目优化--进度条添加安装nprogress，ui界面依赖安装依赖，搜索nprogress进行安装即可在main中导入进度条组件//导入进度条插件importNProgressfrom'nprogress'//导入进度条样式import'nprogress/nprogress.css'利用NProgress.start()显示进度条NProgress.start()利用NProgress.done
saltYfj·2020-08-25 21:31

element-ui中rules使用正则验证、表单验证

exportdefault{data(){return{dialogRules:{loseEfficacyReason:[{required:true,message:'请输入原因',trigger:'blur'},{type:'number',min:2,message:'请输入不少于2个字符',trigger:'blur'},{pattern:/^[A-Za-z0-9\u4e00-\u9fa5
是嗯哼小仙女呀·2020-08-25 15:39

vue2组件之间双向数据绑定问题

最近在使用element-ui的dialog组件二次封装成独立组件使用时，子组件需要将关闭dialog状态返回给父组件，简单的说就是要实现父子组件之间的数据双向绑定问题。
weixin_33935777·2020-08-25 15:46

vue 中英文切换

X版本中在build/webpack.config.js文件中在属性pulgins中设置如下属性：plugins:[newwebpack.NormalModuleReplacementPlugin(/element-ui
menglixiazhiweizhi·2020-08-25 14:17

element-ui中文件上传以及下载

1：文件的上传使用http-request实现上传，其中before-upload是文件上传前操作，可以对文件的类型以及大小进行校验。js代码：后台代码：文件的下载：使用a标签链接进行下载js代码后台代码（首先得知道文件存储的路径）：
姑娘慢走·2020-08-25 06:12
上一页 95 96 97 98 99 100 101 102 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他