##element-ui 第122页

完美解决 element-ui input=password 在浏览器会自动填充密码的问题

给各输入项加了auto-complete属性，只能避免保存的时候弹出是否保存密码弹框的问题。内容为空的时候点击type="password"的input框或二次（多次）点击，还是会弹出密码框，所以在上面加了type在password和text之间切换（只能解决第一次多次点击的场景）。具体解决，给type="password"的输入项增加focus,blur事件和readonly属性，具体focus

离陌夕·2020-07-29 16:21

vuex中如何获取vue的this

考虑如下场景：使用vue和elememt-ui开发，在vuex中调用某个接口，根据接口返回想要使用element-ui的弹窗组件提示请求信息但是vuex中没有this，该如何调用比如：this.

大德大威顾神·2020-07-29 16:15

element ui之el-form 三两句

最近在学习饿了么团队组件库element-ui~留几句小感言吧el-form标签，就是js表单的内核，包裹成组件样式。

weixin_41752600·2020-07-29 12:19

阻止表单自动加载浏览器记住的用户名及密码

前言：在使用element-ui的表单是发现一个特别难受的问题，就是如果有密码type="password"的话，那么他会自动读取浏览器的账号密码，设置autocomplete="off"无效，οnfοcus

浩星·2020-07-29 11:24

vue+Element搭建后台管理系统（二）如何在vue中使用 elementUI

element-ui是一个ui库，它不依赖于vue。但是却是当前和vue配合做项目开发的一个比较好的ui框架。

锦瑟年华356·2020-07-29 11:04

解决 element-ui 自带弹窗右上角的关闭按钮 X 无法隐藏的问题

由于使用Vue框架比较多，所以element-ui的使用频率也就高了，在这记录一些，个人在使用element时的小技巧或者说是一些小知识点，如有错误的地方，还望指出，谢谢在页面中我们经常会用到弹窗，element

锦瑟年华356·2020-07-29 11:03

Spring Boot+Vue项目微博系统（4）：前后端通信测试

项目微博系统目录系列目录前端安装ElementUI登录组件1.Login.vue2.路由配置3.测试前后端通信工具1.安装、配置axios2.编写请求方法后端跨域解决方案禁用SpringSecurity测试总结前端前端页面使用element-ui

0warnings0errors·2020-07-29 10:04

element-ui上传组件el-upload文件上传阿里云oss出现405 Method not allowed错误问题

今天在vue项目中出现了这个问题。在本地调试时文件上传正常但是打包到线上后出现了405Methodnotallowed的错误。其实这个错误挺明确的，只是在分析的时候我们很难理性的去仔细查找。现将405错误分析，以及我的错误和解决办法分享如下。405Methodnotallowed错误405码出现的原因有很多种的，一般我们使用post时出现405错误最大的可能是Web服务器没有被设置为从客户端接受输

MarsWill·2020-07-29 10:12

element-ui 无法绑定事件

这样给一个element组件绑定事件是不能触发的，除非是他封装好的预留事件，想要在他的组件上触发自己定义的事件，需要在事件后面添加**.native属性**错误示例:正确示例:

jdoc·2020-07-29 09:04

element-ui vue-element-extends vxe-table 实现对海量数据的支持

使用vxe-table组件实现滚动渲染，流畅的渲染海量数据名字

大猩猩X·2020-07-29 07:51

在element-UI 组件的 change 事件中传递自定义参数

如图案例:在@change的事件函数体中,在再给一个函数即可(图中括号不可省略)@change="(val)=>selectChange(val,'自定义参数')"selectChange(val,scope.$index)"placeholder="请选择">

胡萧徒·2020-07-29 07:01

从零开始搭建Vue组件库——VV-UI

前言：前端组件化是当今热议的话题之一，也是我们在开发单页应用经常会碰到的一个问题，现在我们有了功能非常完善的Element-UI。各个大厂也相继宣布开源XXX-UI。

weixin_33768481·2020-07-29 06:08

使用 Vue.js 实现 TableTree 树形表格和 VirtualList 虚拟滚动列表

若使用element-ui组件，至多上百条，就变得有些卡顿。业务中还出现了单列中即存在和，即一个节点的数据如果存在node.children.length则渲染否则渲染。因此，最终需要自己实现。

weixin_30414305·2020-07-29 06:06

向Vue子组件的方法里传入自定义参数

有时候在使用子组件，如element-ui的组件时，会需要向子组件定义好的方法里额外传入参数，此时可以采取闭包的方式。用element-ui的table组件为例。

屋逢连夜雨·2020-07-29 06:04

element-ui的prompt如何在输入内容以后点击了确定事关闭弹窗

cancelAudit(){var_this=this;this.$prompt("撤销审核的原因：","提示",{confirmButtonText:"确定",cancelButtonText:"取消",inputValidator:(value)=>{if(!value){//对输入内容校验return'撤销审核的原因不能为空！';}},beforeClose:function(action,

夏天想·2020-07-29 05:25

Selenium自动化框架

首先这里分为三大块前端后端自动化服务端前端这里是用Vue的Element-UI进行编写，这里面对Vue没实战过，导致很多卡点，然后一开始也打算将功能尽量封装起来，导致很多时候无从下手，最后发现这个方式明显有问题

梧桐下的四叶草·2020-07-29 03:19

Vue.js element-ui date-picker日期选择后格式化为yyyy-mm-dd格式

项目中需要的日期格式为yyyy-mm-dd，但是我们在使用的element-ui的日期选择器后默认的时间格式为FriSep07201800:00:00GMT+0800(中国标准时间)折腾了半天找到一种完美的方法

yjxfox·2020-07-29 01:49

element-ui icon 图标无法正常显示问题

element-uiicon图标无法正常显示使用vue-cli3脚手架搭建的项目，在打包文件上服务器的时候，其他的css，js样式都能正确加载出路径，但是element的icon图标却不能正常加载出来。input的加减按钮无法正常显示再去查看请求，是不是压根没加载文件还是没有打包element的icon文件呢，却看到请求element的icon路径竟是本应该加载的路径是/card_model/st

芣莨朲·2020-07-28 22:01

Vue+ElementUI之管理系统_登录

鱼记·2020-07-28 22:00

Vue admin template 学习笔记

main.jsimportVuefrom'vue'import'normalize.css/normalize.css'//AmodernalternativetoCSSresetsimportElementUIfrom'element-ui'import'element-u

shawn_jing128·2020-07-28 20:55

vue-element-admin（一）配置后台api接口baseUrl

前言vue-element-admin是一个后台前端解决方案，它基于vue和element-ui实现。

菜鸟爱飞不飞·2020-07-28 20:12

写了个代码生成工具，vue + element-ui的可以来瞧瞧

写代码是比较枯燥的，茫茫多的业务代码更加枯燥了，实现需求的时候，特别是一些管理平台，无外乎一些表单、表格、弹框等，项目用的是vue+element-uieg:弹框在业务里面几乎是都会用到，下面?这个模版应该是每个弹框的代码都可以公用；平时问了一些朋友同事，大部分都是复制下之前实现的一些需求代码，然后粘贴出来删删改改exportdefault{props:{visible:{type:Boolean

weixin_34362991·2020-07-28 19:38

Java Spring boot element-ui activiti前后端分离，流程审批，权限管理框架

是什么？使用springboot,activiti,mybatis,vueelementui开发的后台管理系统（包含权限管理、工作流等功能），真正前后端分离的微服务架构,经过很多项目实战、淬炼、软件开发公司主流技术的集大成者。功能点、技术点前端采用vueelementui框架，后端springboot,mybatis开发框架，数据库:mysql后端多模块项目（基础设施子项目、基础功能子项目、业务功

weixin_33961829·2020-07-28 18:17

【element-ui】messageBox弹窗提示消息换行问题。

本文代码引用自element官网demo自定义messageBox。首先看一下不换行的效果图：然后直接上代码。varMain={methods:{open4(){//1.我们要将后台返回的数据转存成数组，格式为：data=['错误提示一！！！','错误提示二！！！','错误提示三！！！'];letdata=['错误提示一！！！','错误提示二！！！','错误提示三！！！'];//2.新建newDa

bingo丶·2020-07-28 14:39

Element-Ui组件（二十八）Alert 警告

Element-Ui组件（二十八）Alert警告本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/alert基础用法普通警告带说明和图标的警告

究极死胖兽·2020-07-28 11:13

Element-Ui组件（十八）Rate 评分

Element-Ui组件（十八）Rate评分本文来源于Element官方文档：http://element-cn.eleme.io/#/zh-CN/component/rate基础用法普通评分区分层器评分

究极死胖兽·2020-07-28 11:13

SPA项目开发之登录注册

vue怎么引入和配置使用element-ui框架1使用vue-cli脚手架工具创建一个vue项目vueinitwebpackpro012npm安装elementUIcdpro01#进入新建项目的根目录npminstallelement-ui-S

改变自己！！！·2020-07-28 09:41

vue-admin-template改成中文

直接开始有些人gitclone下来发现他都是英文然后就开始百度改成中文发现都是这样的博客看下面代码如果有人要做国际化可以去element官网国际化看看写的很详细importlocalefrom'element-ui

每逢佳节掉三根.·2020-07-28 09:57

Vue练手项目(三):使用Element UI

1.安装ElementUI框架安装后,可在node_modules目录下看到element-ui文件admin_web>npminstallelement-ui-SnpmWARNajv-keywords

PoorGuy1996·2020-07-28 08:42

vue+springBoot element-ui upload组件

之前看过有人用beforeUpload上传文件，用action不行，因为项目是前后端分离的，无法携带token，我研究了下一最终调试通了。//是否自动上传将图片拖到此处，或点击上传只能上传'jpg/png/jpeg/gif'exportdefault{data(){return{imageAction:this.$http.adornUrl(`/file/file/save?token=${thi

冰淇淋真好吃·2020-07-28 08:41

vue封装axios请求springboot 及跨域问题

element-uinpminstallelement-ui--save安装axios插件npminstallaxios--save创建个http.jsimportaxiosfrom'axios';import{Message}from'element-ui

hlvy·2020-07-28 08:04

vue用element-ui后台springboot实现注册上传头像，登录显示头像（图片存至本地）

思路(最后附源码）：1.注册上传头像，用element-ui的上传组件，action为默认请求地址，必须写，由于我的项目是前后分离，要跨域，所以不用默认的action地址，设置为#即可，auto-upload

浔者·2020-07-28 07:00

vue-springboot实现基本crud

记录下最近写的东西，以后忘了还能翻翻~~本例项目目录大概为：前端：后端：前端：准备工作：vue-cli搭建项目，安装axios，element-ui（刚开始没用element-ui所以装了bootstrap

浔者·2020-07-28 07:30

vue开发结合element-ui的一些常见问题

你可能会问为什么要用两个饿了么的框架，首先呢，作为新手的自己，在想用table组件时，发现mint-ui没有这个组件，还有一个原因，mtni-ui官网老是打不开，后来就用上了element-ui。

夕阳下美了剪影·2020-07-28 07:25

vue-倒计时控件

好久木有来更新了，最近几个月把精力都花费在了加班上~最近用vue整前端有个倒计时控件的需求，用element-ui满足不了需求，便模仿常见的倒计时效果，写了一个控件，有需要的可以拿走：发送密钥{{percentage

清风自来&静等花开·2020-07-28 06:31

[vue三]：用户登录状态保存和请求进行判断，vuex结合vue-router，axios的学习

文章目录一、vuex的导入、注册和基本用法二、登录功能中完善对token的存储三、跳转home页面完成数据请求加载和渲染四、路由跳转判定和请求验证五、总结根据[Vue二]：实现页面登录功能，element-ui

goodlovingz·2020-07-28 06:52

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（五）注册页面和连接Mongodb

Image043.png注册页面regin.vue的代码和登录页面的代码差不多，就是要自己写2个验证，电话号码和确认密码的验证规则regin.vue代码用户注册注册重置已经有账号，马上去登录exportdefault{data(){letconfirmpasswordCheck=(rule,value,callback)=>{if(value===''){returncallback(newErr

思吾谓何思·2020-07-28 06:19

VUE Element-ui输入手机号加横线（三四四）或增加空格

那么，在vue，element-ui组件中，如何实现呢。

API搬运工·2020-07-28 06:06

element-ui 表单自定义验证

element-ui提供了一套表单验证规则，非常方便，但也要注意一些地方。

风轻云淡180518·2020-07-28 05:14

Vue脚手架,element-ui基本使用

vue脚手架用于快速生成vue项目基础架构，其官网地址为：https://cli.vuejs.org/zh/安装脚手架终端执行命令：npminstall-g@vue/cli创建vue项目**方法一：**基于交互式命令行的方式，创建新版vue项目，执行命令：Vuecreatemy-project//my-projec为项目名。按照提示内容选择创建方式。创建完成后cd到项目中可以执行npmrunser

康寶寶·2020-07-28 03:50

vue+elementUI完成注册及登陆

1.vue怎么引入和配置使用element-ui框架1.1使用vue-cli脚手架工具创建一个vue项目vueinitwebpackpro011.2npm安装elementUIcdpro01#进入新建项目的根目录

别捏琪琪脸-·2020-07-28 03:21

Javascript中使用Lodash工具库的cloneDeep函数实现深拷贝

前言最近在看Vue_shop实战项目-电商管理系统(Element-UI)的B站视频，看到P17208.商品添加-把goods_cat从数组转换为字符串时，讲到了Lodash这个工具库的cloneDeep

雪域迷影·2020-07-27 20:08

renren-fast 快速开发 Web 管理平台

renren-fastrenren-fast是一个Java的开源项目，只需要对它进行简单修改，就能够应用到自己的项目中，大大简化开发流程，缩短开发周期renren-fast是一个前后端分离开发的项目，前端基于vue，element-ui

henry.Woo·2020-07-27 20:20

element-ui 上传图片后清空图片显示

使用element-ui组件，用el-upload上传图片，上传图片后再次打开还是会有原来的图片，想要清空原来上传的图片，只需要在组件上绑定ref，在提交成功后的方法里调用this.

SunnyLjs·2020-07-27 17:10

el-input绑定键盘按键--按键修饰符

el-input监听不到键盘事件,原因是element-ui是封装组件，所以el标签属于自定义标签，因此触发不了键盘事件。解决办法：加上.native原生事件修饰符即可。.

linz·2020-07-27 17:06

Element-ui使用中遇到的问题总结

element官方文档基于vue2.0的element-ui框架，使用起来还是很方便的，非常适合快速开发，但是在做自己的项目中还是会碰到这样那样的问题，有些问题官方文档并不是很详尽，以下是我在使用element-ui

sugar_coffee·2020-07-27 16:22

在vue和element-ui的table中实现分页复选

背景后台管理系统中，使用表格展示数据时，可能的需求是多项选择然后进行批量操作，也期望能翻页多选。实现页面结构如下编辑模拟数据实现分页data(){return{tableData:[],multipleSelection:[],pagination:{currentPage:1,size:10,total:1000}}},beforeMount(){this.fetchData()},method

careteenL·2020-07-27 16:35

你真的会用Vue-cli脚手架和Element-ui进行项目创建吗？

文章目录前言1.Vue的生命周期名词解释beforeCreate（创建前）created（创建后）beforeMount（载入前）mounted（载入后）beforeUpdate（更新前）updated（更新后）beforeDestroy（销毁前）destroyed（销毁后）Q&A1.什么是vue生命周期？2.vue生命周期的作用是什么？3.vue生命周期总共有几个阶段？4.第一次页面加载会触发哪

End_less__·2020-07-27 16:44

element-ui弹窗清除提示信息

业务情景是这样的：需要在弹窗里填写表单，弹窗提交数据后再次打开时会自动校验，导致弹出一些提示信息。不过，这些字段还没填写，业务上最好是不要出现这些提示信息。所以，需要在再次打开的时候清除提示信息。add(){this.operation='add';this.dialogVisible=true;this.$nextTick(()=>{this.$refs.form.resetFields();}

E_li_na·2020-07-27 15:21

【前端】table中显示布尔值、动态确定按钮状态

需要根据数据状态确定是否能对该行数据对应的记录进行操作，因为部分数据只是为了展示后台对应的运行状态，其对应的操作按钮应禁用以防止前端误操作；3、table表头及内容对齐问题；1、问题1解决方案：该问题解决方案来自csdn_jy的文章Element-ui

想转IT的机械君·2020-07-27 15:31

推荐频道

##element-ui