##element-ui 第135页

vue vue-router vuex element-ui axios 写一个代理平台的学习笔记（七）完善登录注册

现在我们已经能够在服务器环境下完成注册操作了Image070.png我们同时再把登录功能也写好login.vue用户登录系统登录重置还没有账号，马上去注册import{LoginUser}from'../api/api'exportdefault{//....data(){return{LoginForm:{username:'',password:''},logining:false,rule:

思吾谓何思·2020-06-30 11:35

vue-admin-template 学习笔记

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

简析·2020-06-30 10:48

如何在vue中优雅的使用ocx控件：控件引用

之前主要是用vue和element-ui来写管理后端，怎么将vue和ocx结合使用是一个全新的课题。在一通百度之后，发现网上并没有完整的例子，于是自己一番折腾，终于可以比较优

超神小火枪·2020-06-30 09:54

vue导航栏部分的动态渲染

根据公司项目的需求，使用的是element-ui的nav-menu组件实现动态渲染左侧导航条的功能，这里我只写到了四级菜单。

youlinaixu·2020-06-30 09:06

基于element-ui封装select下拉树形

1.ELEMENT实现下拉树组件调用importSelectTreefrom'@/components/widget/SelectTree.vue';exportdefault{name:'about',components:{SelectTree,},data(){return{//默认选中值selected:'A',//数据默认字段defaultProps:{parent:'parentId'

拾-伍·2020-06-30 07:19

Vue结合Element-UI实现单元格编辑、删除等操作

Element-ui的表格链接地址：http://element-cn.eleme.io/#/zh-CN/component/table操作一：删除在组件中添加@selection-change=“handleSelectionChange

易水墨龙吟·2020-06-30 07:36

vue element-ui 表格点击编辑，变成input框输入

效果图before：after：实现：方法一不推荐HTML部分//序号栏目type="index"//此页重点部分编辑之前以span形式显示，点击编辑之后，以input栏目显示{{scope.row.name}}编辑保存|删除JS部分exportdefault{data(){return{//表格绑定的数据prototypes:[{name:'type',describe:'设备类型字段，不可修改

yh8899abc·2020-06-30 07:48

vue使用element-ui，动态渲染导航栏和面包屑

第一步，引入element-ui，这个步骤参考element-ui的官方网站第二步，基础架构{{item.name}}第三步，导航数据处理data(){return{leftNavData:[{path

ygx_work·2020-06-30 07:12

vue项目：侧边栏搭配路由侧边栏高亮

如果项目中使用的是element-ui可以直接使用它的NavMenu组件实现导航栏高亮，它会在activeIndex字段自动识别，匹配到下面item的index，给它加上高亮效果，所以我选择item循环的时候

亚亚呀亚亚·2020-06-30 06:13

Mint-UI、Element-UI、MUI概览

一、Mint-UI官方文档：http://mint-ui.github.io/#!/zh-cnGitHub：https://github.com/ElemeFE/mint-ui/MintUI基于Vue.js的移动端组件库。npminstallmint-ui-S用于Vue2.0（1）完整引入所有CSSComponents不用再单独引入，可以以标签形式直接使用。JSComponents需要再引入。/*

CongYao666·2020-06-30 06:42

vue修改element-ui el-table的样式，如header的字体颜色、背景色和tr的字体颜色、背景色

exportdefault{name:'table',data(){return{tableData:[{name:'Cindy',age:20,sex:'女'},{name:'Mila',age:22,sex:'女'},{name:'Bob',age:23,sex:'男'}]}},created(){},methods:{//修改tabletr行的背景色tableRowStyle({row,ro

晏紫苏_cc·2020-06-30 06:31

Vue自定义组件中使用Element-UI Dialog组件，点击关闭报错 [Vue warn] Avoid mutating a prop directly

Vue自定义组件中使用Element-UIDialog组件，点击关闭报错[Vuewarn]Avoidmutatingapropdirectly这是由于自定义组件使用了传入的prop作为Dialog的visible绑定值，导致Dialog关闭直接修改了prop而被vue警告，并且操作失效解决方法也很简单组件引用是传入属性使用.sync修饰符组件内的Dialog使用before-close劫持，然后调

theajack·2020-06-30 06:05

Element-UI控件上下居中，比如el-input上下居中显示

本文只记录我自己用过的，没有用过的暂时无法记录，如果碰到有问题的可以找我一起交流找办法。el-input、el-buttonel-avatar1.el-input、el-buttondata(){return{search_text:''}},.home_input{line-height:60px;}效果图：2.el-avatar.title_right{line-height:80px;}.m

楊帥·2020-06-30 06:28

element-ui 日历组件(以记事本形式展现数据)

{{data.day.split('-').slice(2).join('-')}}￥{{item.accountStr}}varvm=newVue({calendarData:[{dateStr:"2020-10",accountStr:"11.36"}],//按日统计返现数据value:newDate(),});

火火火火_Shy·2020-06-30 06:39

轻量级web项目：（1）技术选型和环境搭建

一、技术选型客户需要构建一web，架构采用轻量级的前后端分离框架，从成本和客户喜好考虑，该web使用前后端分离，后端使用python的Django，前端使用VUE的element-ui，数据库使用MySQL

Moscar_M·2020-06-30 05:54

element-ui upload组件添加自定义参数

在使用element-ui的时候，在后台的列表中需要循环添加上传口。但是element自带的回调方法只有两个参数，而我需要在回调方法中添加一个标识参数来区分当前上传后的结果来绑定。

三人行，必有我师！！！·2020-06-30 05:02

vue element框架中el-row控件里按列排列失效问题的解决

最近我在使用vue的ui框架element-ui，可能是自己经验不足，遇到了很奇怪的问题，在这里特意把解决的步骤记录一下，希望能对大家有所帮助。

YuNansen·2020-06-30 05:59

vue element-UI前端分页

需求：后台获取数据，在前端分页说明：在table组件加入:data="tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)"其中：currentPage：当前页pagesize:页码包含条数当然当然，以上参数也要和分页参数关联上。table的插件分页的插件：数据较少，我就每页1、2、3、4条做测试了。关联的data：data(

web coder·2020-06-30 03:45

Vue+ElementUI从零开始搭建自己的网站（二、导航组件）

至此我们的目录应该是如下图所示：然后我们修改main.js文件，修改后的文件如下importVuefrom'vue'importElementUIfrom'element-ui'impor

极地雪狼li·2020-06-30 03:20

使用Vue.js和Element-UI做一个简单的登录页面

最近了解到Vue.js挺火的，有同学已经学习了，那我心里痒痒的也学习了一点，然后也学了一点Element组件，就做了简单的登录页面。效果很简单：代码如下：前端页面Inserttitlehere.el-row{margin-bottom:20px;&:last-child{margin-bottom:0;}}.login-box{margin-top:20%;margin-left:40%;}帐号密

业余草·2020-06-30 03:27

请求接口封装

importaxiosfrom'axios'import{Message,MessageBox,Loading}from'element-ui'importrouterfrom'@/router'import

locky丶·2020-06-30 03:07

vue 修改element-ui 的提示框

首先来简单的介绍一下参数和方法的调用confirm:function(){varthat=thisvarparams={'context':'12312---3213',//提示的内容Y'status':'success',//提示状态，两种success/failY'isClose':true,//是否显示取消按钮（提示框左侧的按钮）'yesText':'yes',//提示框右侧按钮的内容'no

xinyuandu·2020-06-30 02:11

element-ui Select选择器边框闪烁问题及 :focus-within伪类

背景在提分加项目中用到了element-ui的select组件，发现第一次进入页面点击选择器时会有一个边框闪烁，后审查元素时发现了:focus-within的伪类。

机智的导演·2020-06-30 01:28

JS快速获取当前时间减一小时、一天及日期格式处理

背景今天在做项目的时候用到了element-ui的DateTimePicker组件，官方给的例子中是传入固定参数从而确定默认时间，而我们项目的需求希望默认以（当前时间前一小时-当前时间）为默认值，并以此去请求后台获取数据

机智的导演·2020-06-30 01:27

vue pc端element-ui的走马灯carousel实现自适应全屏banner

前提摘要：使用vue很方便做一些效果，目前开源的组件特别的多pc端使用轮播图的话element-ui的carousel是一个不错的选择，当然也可以选择swiper组件。

xiaoqiangbigbrother·2020-06-30 01:03

Element-UI修改默认的菜单样式

这个是在做小应用时遇到的问题，本来想以后将问题汇总后一起发布。可是很开心撒，而且网上没找到这个问题的简单解决方案（解决方案中经常让使用Vue或者scss等外部组件，可我就一个HelloWord，安装vue-cli什么的感觉太小题大做），所以先记录下来，也让需要的人少跑几步。先贴上图看一下效果，虽然不美观，但聪明的你掌握思路后还可以继续美化哈。这个问题的解决方法当然不是我凭空想出来的，也是在网上找了

夏虫EG·2020-06-29 23:56

element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)

前段时间，在实现带输入建议并且支持模糊查询输入框的时候，发现了两个值得注意的小地方。整理出来，以供借鉴。废话不多说，直接来解决问题。踩坑问题描述：问题一：获取到后端返回的数组，并将数组传入作为results传入callback后，焦点放在输入框上的时候，并未出现任何内容，只出现了一个不完整的空白框。问题解决方案：这个问题开始我以为是传进callback的data格式不对。Element官网上是这么

wyhstars·2020-06-29 22:53

关于Vue组件库ElementUI使用过程中踩过的那些坑

：用CDN引入方式二：使用npm安装npmielement-ui-S1.2引入如果使用方式一安装，则不再需要引入如果使用方式二安装，则在main.js文件中引入importElementUIfrom'element-ui

想成为大神的前端王菜鸟·2020-06-29 22:33

从零开始做vue + element-UI 的后台（二）

这篇文档我们说一些插件的安装在上个一篇文章我们已经把最基本的框架搭好了接下来我们来看一下我们搭建的项目结构├──public//静态资源├──src//源代码│├──api//所有请求│├──assets//主题字体等静态资源│├──components//全局公用组件│├──models//实体类│├──router//路由及路由配置相关│├──store//全局store管理│├──utils

会飞得猪·2020-06-29 21:43

element-ui 表格修改后表格里面的数据后页面不实时更新问题完美解

element-ui表格修改后表格里面的数据后页面不实时更新问题完美解想要达到的效果：点击"更多"后，"更多"隐藏，删除和补仓显示；（有时间可全部看完，没时间直接看做法5）尝试用的方法：自己用this.show

俺呀尼哇·2020-06-29 21:25

vue + element-ui dialog 弹出框使用

构建页面时，需要按钮弹出一个新的页面进行编辑，此时需要用到dialog弹出框，考虑复用，把弹出框单独提出来使用。1.父组件页面一个按钮，dialogTableVisible默认false，隐藏。addUser触发，添加data(){return{dialogTableVisible:false,}}addUser(){this.dialogTableVisible=true;//默认页面不显示为f

ws346348183·2020-06-29 20:56

Element-UI消息提示组件Message在Vuex中的调用实现

在最近的项目开发中，前端部分使用Vue开发，整个页面基于Element-UI实现。由于是单页面多组件应用，使用了Vuex做状态管理。

小猪八Q·2020-06-29 20:37

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

使用vueelement-ui中的导航发现el-dropdown-menu绑定click事件不起作用个人资料退出后来发现需要在这样写个人资料退出

wolf131721·2020-06-29 20:03

element-ui tree添加提示线

一、页面渲染好tree注意：：indent='0'这一项设置一下，否则线跟节点之间会有很大的缝隙二、写样式.mytree/deep/{.el-tree>.el-tree-node:after{border-top:none;}.el-tree-node{position:relative;padding-left:16px;}//节点有间隙，隐藏掉展开按钮就好了,如果觉得空隙没事可以删掉.el-t

攻城狮狮·2020-06-29 19:08

vue+element-ui+axios+springboot实现文件上传&下载

前端技术：vue，element-ui，axios后台技术：springboot本篇博客只给出关键的代码，提供思路，完全的涉及保密不方便提供一，上传：上传element组件代码，支持多文件，拖动文件进行上传

修炼中的菜鸟·2020-06-29 19:23

Element-UI 实现树形选择器

目前所能完善到这样子了，待遇到bug再来解决感谢蔚莱先森提供的思路组件调用importSelectTreefrom'@/components/widget/SelectTree.vue';exportdefault{components:{SelectTree,},data(){return{//默认选中值value1:'A',value2:'A',//数据默认字段defaultProps:{pa

凝弧·2020-06-29 18:28

解决vue-cli npm run build之后vendor.js文件过大的问题（打包优化）

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

wenmin1987·2020-06-29 17:40

vue v-dialogDrag自定义指令 + element-ui: 实现弹窗拖拽组件

有一个dialog弹框，弹框的背景并不是全屏的，只在除header，sidebar的地方显示，要求拖拽dialog弹框不能超过背景。在components/common创建directives.js，具体代码如下:importVuefrom'vue';//v-dialogDrag:弹窗拖拽属性Vue.directive('dialogDrag',{bind(el,binding,vnode,old

猪皮恶霸是嘢·2020-06-29 17:09

element-ui表格-设置表头样式-header-row-class-name

今天遇到了一个小小的问题，要实现如下效果多级表头和隔行换色，捣鼓半天没弄好，问了一下群里的大佬，说是可以通过row-class-name给表格行添加类名解决，官网demo：。按照demo的方法试了半天，没有效果，审查元素发现，类名加在了表体的tr中,按照下边的代码可以改变表体某一行的颜色。.el-table>>>.success-rowtd{background:#edf6fb!important

weixin_45822022·2020-06-29 16:42

Element UI：简单的入门HelloWorld

1.简介由于本人没有使用node.js以及npm,所以决定使用unpkg.com/element-ui这个来简单的测试,当前学习来源与ElementUI官网：ElementUI官方demo2.导入基本的

你是小KS·2020-06-29 16:32

利用Element-Ui重构vue-online-shop项目时遇到的问题

利用Element-Ui重构vue-online-shop项目时遇到的问题相关问题el-form表单数据双向绑定无法编辑问题原因及解决方法相关问题el-form表单数据双向绑定无法编辑在ProductForm

小若燕雀，亦可一展宏图·2020-06-29 16:01

Vue.js使用Element-ui的路由跳转实例

1、首先进行项目的构建和引入Element-UI，这里不再进行介绍，自行参考官网。

WebViewSuper·2020-06-29 15:47

微人事项目学习之登陆页面制作（二）

制作登录页面接上篇文章，正式开始制作登陆页面，本文中包括以后的文章中所有的关于element-ui的内容均可以在其官网中找到。登录页面就搞简单点，需要输入账号，密码，一个登录按钮，有这三样就行了。

人生错觉·2020-06-29 15:57

微人事项目学习之Home页title和导航菜单前端制作

Home页代码element-ui官网有布局代码//element-uiContainer布局容器微人事//element-uiDropdown下拉菜单菜单项点击事件{{user.name}}//sessionStorage

人生错觉·2020-06-29 15:25

Element-ui中自动验证问题的解决

原文链接：https://www.jianshu.com/p/d2c900f7b730Element-ui中的el-form组件自带了验证功能，方便了我们的开发。然而，在开发中经常会遇到一些莫名其妙的问题，比如表单一出来就触发了验证、验证提示出现英文等等。通过查看源代码的方式，我终于找到了问题的根源，也有了解决方法。在我的项目的一个页面中，需要弹出表单框并填入旧数据。然而，我只要拿到旧数据并赋值到

Rachel.cao·2020-06-29 15:37

element-ui中el-table的表头、内容样式

element-ui中el-table的表头、内容样式data(){return{border:true,stripe:true,}methods:{tabRowClassName({row,rowIndex

a　入画浅相思·2020-06-29 15:15

解决：如何让Element UI的Message消息提示每次只弹出一个

这就需要重新写一下element-ui的message直接main.js中重写即可import{Message}from'element-ui';letmessageInstance=null;constoverrideMessage

随想人生·2020-06-29 15:49

第一次用webpack配置vue和element-ui的项目

vue+element-ui项目项目中遇到的问题关于prop的父级像子组件传值axios传参和修改vuedata数据json数据获取问题关于引用自定义的js，并调用里面的函数方法。关于子路由el-row上绑定的事件的失效项目github地址：github项目地址项目中遇到的问题tips:如何将github上其他人的项目在本地运行错误提示：‘webpack-dev-server’不是内部或外部命令，

你是我的小可爱吗·2020-06-29 15:43

element-ui导出excel表格，代码基于vue-element-admin-master

1、安装插件npminstalljs-xlsxfile-saver-Snpminstallscript-loader-S-D//它帮我们挂载了，不需要引入到main.js里面2、在src下创建一个文件夹vendor,并且引入Export2Excel.js此处附上我项目中vendor的链接，直接拷过去就好：vendor文件拷贝链接3、html中表格{{scope.row.tag}}EditDelet

远在北方的鬼·2020-06-29 14:34

element-ui中表格 type="expand"设置全部展开

1、table需要绑定两个属性expand-row-key和row-key2、data中设置data(){return{expends:[],}}3、methods中设置methods:{//设置table中的扩展项，展开的id，此处我需要全部展开getExpends(){varId=this.tableData.map(item=>item.id)this.expends=Id},getRowK

远在北方的鬼·2020-06-29 14:03

推荐频道

##element-ui