vue+elementUi 第22页

Vue+ElementUI: 手把手教你做一个audio组件

目的本项目的目的是教你如何实现一个简单的音乐播放器（这并不难）本项目并不是一个可以用于生产环境的element播放器，所以并没有考虑太多的兼容性问题本项目不是ElementUI的一个音频插件，只是一个教程，不过你可以自行扩展实现本项目只是为了学习audio相关事件以及API本项目的音频文件是位于static/falling-star.mp3，歌曲名为：星球坠落Live艾热、李佳隆查看在线demo:

小熊吉米·2020-06-23 14:00

vue+ElementUI实现订单页动态添加产品效果

使用vue2.0(ElementUI基于vue2.0)+ElementUI(饿了么出品)实现的在订单页面动态添加产品的效果，并自动计算总价。代码直接保存为html文档，使用浏览器打开即可查看效果。效果图：订单页面选择选择产品0"style="font-family:MicrosoftYaHei">总价：{{sumPrice}}元0">varorder=newVue({el:'#orderTest'

GavinWGQ·2020-06-23 14:55

vue+element ui 实现新建编辑共用一个模态框

vue+elementui实现新建编辑共用一个模态框在我们开发过程中常常会遇到新增和编辑模态框布局类似，只是一个带参一个不带参的区别，那么我们写两个模态框也可以实现，为什么不这么做呢？

Wombat-·2020-06-23 12:14

使用vue＋elementUI页面实现前端做分页

当数据不是很多的时候，后端会要求前端来实现分页功能。那么下面讲下怎么使用element来实现前端做分页功能。由于功能比较简单，那么就直接上代码：//计算当前页面的数据tableList(){//this.displayData是当前页面要显示的数据this.displayData=[]for(//pagesize是当前页面要显示总条数，例如：每页显示20条；currentPage是当前页面数;va

小鱼儿游啊~游·2020-06-23 09:26

element-ui关于el-select的下拉框选项中出现“无匹配数据”问题分析及解决办法

最近的项目前端用到vue+elementui框架，在使用过程中遇到很多问题，在后几篇文章中会一一列出，有解决的，有没解决的。

出现bug问题不大·2020-06-23 05:41

vue+elementUI 后台管理极简模板

vue+elementUI后台管理极简模板写在前面此篇文章为一篇说明文档，不是教你从零构建一个后台管理系统，而是基于一个实际项目，已经搭建好了一个后台管理系统的基础框架，教你如何在此基础上快速开发自己的后台管理系统

crxk·2020-06-23 00:12

前台vue+elementui 后台java 实现动态（可扩展）表头

效果图：下边的table比上边的table多了一列思路：前台其实很好实现，两个数组，一个是表头，一个是数据，分别循环就行了，后台把表头集合作为查询条件，然后拼接sql，就可以得到一一对应的结果了。重点：我觉得重点其实是数据结构，重点是两张表，一张是主表，存放固定属性，一张是付表，主要寸的是表头结果数据。还有表头的基础数据是单独一张表。举个例子：做一个优秀员工的评选，评选标准有长得是否好看、吃的多少

buyaopingbixiazai·2020-06-22 19:51

vue通过返回值来判断图标的显示/隐藏，改变图标颜色

在表格中通过后台返回数据来判断图标的变化方法1：如上，后台返回的status=1为已阅，status=0为未批阅，已阅则显示绿色的图标，我这里是用vue+elementui来实现的：方法2：只用一个图标

asteriaV·2020-06-22 15:37

vue+elementUI中使用v-for循环出多个select下拉框，默认绑定，但改变一个下拉框，其余下拉框也会改变的问题

样式如下option是写在data里面的数据。scope.row.type是后台传来的数据，也就是默认绑定的是后端传过来的值。

Ccoolor·2020-06-22 15:47

【工作周报】2019年7月前端开发工作周报汇总

另外，也对vue+elementui的开发模式更加的熟悉。同时本周笔者也开始每天利用一

HisViolet·2020-06-22 11:25

总结vue+elementUI的填坑之路（一）

用vue和elementUI做前端两年多了，大大小小的项目也做了不少，遇到过许多的坑，有时候项目太忙，没有那么多的时间来整理一些知识点。这是挺吃亏的，，因为我始终相信不总结就相当于没学到东西。所以趁着2020年的第一天，对自己立个誓言吧，以后不管项目多忙，抽空总结一下遇到的坑哈，一来可以提升自己，当遇到同样问题时候，可以很快想起这些知识点的解决方案，二来可以方便其他人查阅问题点，便于后来者的学习（

一只有梦想的笨鸟·2020-06-22 10:30

新起点丨重构UI，JumpServer开源堡垒机v2.0发布

在此次升级中，JumpServer堡垒机使用Vue+ElementUI进行了前端页面的重构，同时完成若干功能优化和Bug修复。

FIT2CLOUD飞致云·2020-06-22 10:36

vue+ElementUI自定义tree树形控件小图标

Element-ui自带的图标库还是不够全，还是需要引入第三方icon，自己在用的时候一直有些问题，参考了些教程，详细地记录补充下教程：1.进入iconfonthttp://www.iconfont.cn/注册>登录>图标管理>我的项目2.进入到我的项目里(第一次进可以新建项目)新建项目：项目名称随便写。前缀注意，不要跟element-ui自带的icon(前缀为：el-icon)重名了。设置完，点

Ysmitgo·2020-06-22 09:02

Vue+Springboot实现头像上传功能

Vue+Springboot实现头像上传功能前言前端部分页面代码js代码后端部分前言最近在着手一个前后端分离的项目，前端用的Vue+ElementUI，后端则是使用Springboot+mybatis实现的

Xiaoming985·2020-06-22 08:10

VUE+ElementUI实现table 行上下移动的效果

默认exportdefault{data(){return{URLModles:[{index:'1',expressCode:'SF',expressName:'顺丰快递',status:true,},{index:'2',expressCode:'YTO',expressName:'圆通快递',status:true,},{index:'3',expressCode:'UC',expressN

Sunshine0508·2020-06-22 06:20

vue+elementUI项目搭建

安装node基于node之npm环境下操作vue，所以先部署nodewgethttps://npm.taobao.org/mirrors/node/latest-v13.x/node-v13.8.0-linux-x64.tar.gzmkdir/usr/local/nodetar-zxfnode-v13.8.0-linux-x64.tar.gz-C/usr/local/node/ln-s/usr/l

Sunny_Future·2020-06-22 06:19

Vue和Element-UI做一个简单的登录页面

如下所示，是vue+ElementUI写的一个登录页面：Login.vue部分登陆界面记住密码登录CSS部分：.login-container{-webkit-border-radius:5px;border-radius

MySunshine07·2020-06-22 02:45

Vue + elementUi 实现菜单无限级的分类导航

Vue+elementUi实现菜单无限级的分类导航[{"id":1,"parent_id":0,"menu_name":"第一级菜单1","sorting":0,"node":[{"id":2,"parent_id

Meraln·2020-06-22 01:59

Vue+elementUI从头开始构建前端页面(前篇-Starter搭建)

传送门：Vue+elementUI从头开始构建前端页面(前篇-Starter搭建)传送门：Vue+elementUI从头开始构建前端页面(中篇-Table作妖)传送门：Vue+elementUI从头开始构建前端页面

Backup and share·2020-06-21 22:37

前后端分离，基于vue+elementUI的动态菜单

制作动态菜单的思路：就是当前用户登陆后，保存用户的信息，通过用户的id，去查找该用户对象的菜单。后台获取的菜单数据，最终传给前台形式就是父菜单里包含了所有的子菜单；并在前台登录成功后，把菜单数据取出来，保存在sessionStorage（相当于后端的session）中。这里由于是用的前后端分离模式，所以先在前端的routes.js路由文件中，存着系统所有的菜单，在Home.vue文件中，通过循环比

心之所向...·2020-06-21 20:57

利用VUE+elementUI实现评论、回复评论，评论展示功能

原文链接：https://blog.csdn.net/zLanaDelRey/article/details/100997792毕设需要，实现评论展示，评论，回复评论等功能。发现一个可用并非常合适的博客，故转载！效果：回复评论：上代码：html发表评论{{item.name}}{{item.time}}{{item.commentNum}}{{item.like}}{{item.comment}}

程序媛是个软妹子·2020-06-21 17:24

vue + ElementUI + axios + php 前后端数据接口通信示例

前端代码：vue+elementUI发送varapp=newVue({el:'#app',data(){return{//在这里进行变量初始化操作input:'',textarea:''}},methods

Geek彬·2020-06-21 16:58

利用Vue+ElementUi实现评论功能-仿掘金

前言这两天在用vue重构之前写的一个社区博客项目，之前评论的样式和效果都差强人意，所以仿照掘金重写了一个评论功能（但不是完全照搬模仿）在写完这个功能后，由心觉得Vue真的非常好用。话不多说，先上效果图代码html代码：发表评论{{item.name}}{{item.time}}{{item.commentNum}}{{item.like}}{{item.comment}}{{reply.from}

zLanaDelRey·2020-06-21 15:38

Vue+ElementUI从零开始搭建自己的网站（一、环境搭建）

VueJS可以说是近些年来最火的前端框架之一，越来越多的网站开始使用vue作为前端框架，vuejs轻量、简单，对于前端友好，学习路线平坦，这使得前端开发变得更加简易，而基于vuejs的前端组件库也越来越多。其中ElementUI，就是饿了么团队开发的一款基于vue的前端组件库。构建网站的必备环境：NodeJS（npm）Webstorm（前端IDE）Nginx（后期用来转发请求到后台服务器）由于我们

极地雪狼li·2020-06-21 14:59

3、Vue+ElementUI制作用户登录页面

前面两篇简单了解了一下vue和SPA，现在来用Vue+ElementUI做一个用户登录页面，ElementUI是Element出的一套针对vue的UI库，类似的UI库非常多，ElementUI只是其中一个

我还可以加班·2020-06-21 13:16

用vue+elementUI框架的分页器遇到的坑点

前不久我在做项目的时候，用到的技术是vue+elementUI框架，其中在引用Pagination分页器组件时踩了一些坑，现在我来具体说一下我遇到的问题以及解决的办法。

赵又又i·2020-06-21 12:16

vue后台电商管理项目实战vue+elementui

vue2.5后台电商管理项目实战vue+elementui欢迎下载使用或二次开发。

_不知道叫什么名字·2020-06-21 12:47

vue+elementUi 实现密码显示/隐藏+小图标变化（js一共三行代码，其中一行为了美观）...

【效果图】【html】//前后代码【略】【js】showPwd(){this.pwdType==='password'?this.pwdType='':this.pwdType='password';lete=document.getElementsByClassName('el-icon-view')[0];this.pwdType==''?e.setAttribute('style','col

weixin_34075551·2020-06-21 11:29

饿了么 (Element)的日历(Calendar)组件自定义

笔记由于本人用vue+elementui写了一个关于日历的项目需求是每个日期对应不同的价格并且点击两次之后取其区间的值并计算出总价后来翻了很多资料才找到一些思路(由于在饿了么ui的日历组件库里面没有这些方法所以很奇怪

_Mr_He_·2020-06-21 06:02

vue+ElementUI页面模板

一在普通HTML项目中引入elementUIvue+elementUI的HTML页面模板，可以直接套用引入vueCDN:引入elementUICDN:官方文档地址：https://element.faas.ele.me/#/zh-CN/component/installation代码：模板默认按钮主要按钮成功按钮信息按钮警告按钮危险按钮{{index}}//注册使用vuevarVue=window

Muchen灬·2020-06-21 06:40

Vue+ElementUI 中级联选择器Bug问题

ElementUI中级联出现的小BUG问题最近在项目中需要用到级联这么个控件，所以便去element上找了个，发现了个问题，在这里跟大家分享下，介于公司项目的隐私性，所以一些文字便给大家打上马赛克了，敬请谅解~不多说废话，直接上问题：ElemenUI的级联是通过子级字段递归进行显示的，但是假如后端老铁也用了递归写的数据，而递归到最后一个数据集便出现了问题，会出现光有字段，但是却没有数据这么个情况这

磐石BedRock·2020-06-21 05:10

vue+ElementUI 中菜单高亮问题

首先声明，我是菜鸟111222:default-active是element的高亮关键点:default-active="$route.path"的时候，是可以满足基础要求，如/index有/index/1、有/index/2,等，刷新时，高亮会有问题。先在router中配置一下，其实应该写二级路由的，但是我比较懒我就不写二级路由了，凑合着看吧{path:"/index",redirect:"/i

旋木丶转马·2020-06-21 05:27

基于vue+elementUI实现的三级菜单

实现效果如下list数据list:[{item"icon":"el-icon-s-order","name":"订单管理","path":"/orderManage""childrenMenu":[itemChild{"icon":"el-icon-waller","name":"充值卡","path":"/orderManage/rechargeCard","children":[itemChi

你一定要努力，但千万别着急·2020-06-21 05:17

vue+elementui实现表头根据后台数据动态生成字段

思想：需要后台提供表头字段数据，然后循环该数组实现表头动态生成{{scope.row.type}}数据:{{tableData}}exportdefault{data(){return{cols:[{label:"节点编号",prop:"node",type:"normal"},{label:"名称",prop:"name",type:"normal"},{label:"类型",prop:"typ

The ever Boy·2020-06-21 05:53

VUE+Element学习笔记（一）VUE+ElementUI实现登录功能

前面的话自己瞎JR捣鼓VUE+ElementUI也有些时日了，趁空想系统地记录一下。练习技术，没有比实战更好的方法了。所以想通过做一个小系统，来熟悉一下。

HowYouth·2020-06-21 05:13

Vue+elementui的后台管理系统模板

网址:101ycy.com:6001，直接点击登录即可前端--->github:https://github.com/merciqiao/merciqiao-vuemaster分支后端--->用的springcloud+mysql(euraka,feign,hytrix,shiro,config等)功能:1.三种表单模版:横向自适应,纵向单列,纵向双列2.动态路由,动态菜单,路由和菜单均是由后端根

ycy白米饭·2020-06-21 04:57

VUE+ElementUI开发后台功能,隐藏左侧菜单栏再展开有白框问题解决方法

在methods里的collapse函数里增加监测左边导航栏offsetWidth值为0则修改，如下所示：//折叠导航栏collapse:function(){this.collapsed=!this.collapsed;varmenuWidth=document.getElementById('menuClass');if(menuWidth.offsetWidth===0){menuWidth

MySunshine07·2020-06-20 22:01

Vue+elementUi给select选项值动态从后台获取，同时将选中值的id传给后台

给出的问题：选项动态从后台获取，同时要实时获取到用户选中值的idselect框有红，黄，蓝三个值，id分别为1，2，3用户点击红，获取到红的id为1用户点击黄，获取到黄的id为2用户点击蓝，获取到蓝的id为3问题步骤分为三步：1、点击select框，发送请求到后台取到data值，动态渲染到页面上2、点击要选中的值，拿到选中值的id3、获取选中值的id，赋值给定义好的某个变量准备工作：创建全局变量d

UserGuan·2020-06-20 21:51

VUE+Element UI实现表格行内编辑

VUE+ElementUI实现简单的表格行内编辑介绍关于VUE+ElementUI实现简单的表格行内编辑效果（即点击相应的行后，实现当前行的编辑），这个功能的实现可以用于编辑的时候，涉及少数内容的编辑，

jiaoのpan·2020-06-12 10:50

通过一个vue+elementUI的小实例来讲解一下它们是如何使用的

需求：点击一个按钮，弹出一个模态框，这个模态框有两个tab，tab中是各种报警条件，这些报警条件是从数据库中动态取出的，数据库中数据变更后，这个界面也要变更，我们可以查看和编辑这些报警条件。底部“确定”按钮点击的时候，会同时将这两个tab中的内容都保存到数据库中去，数据录入要验证输入的格式。对于熟练的人来说，实现其实很简单，但是对于没有经验的人来说，如果按照官网给的那些简单实例来做，你会发现，出现

邹琼俊·2020-06-01 09:00

使用Vue+ElementUI实现前端分页

背景项目中要做一个公共的附件展示列表，针对某个模块某条记录展示，因此附件不会是大数据量，采用前端分页，使用Vue.JS+ElementUI布局展示,axios请求数据。步骤一、Html页面中引入JS、CSS建议直接下载js文件到本地，在引入到页面。二、页面中添加ElementUI的表格根据项目的需要可以自行选择：https://element.eleme.cn/#/zh-CN/component/

流浪阿丁·2020-05-14 10:00

el-input 数字校验

项目中使用Vue+elementUi搭建后台管理系统，在输入框进行数字校验的时候不知为何官网的方法不起作用，只能用了个迂回的方法。

ai耳边的呢喃·2020-04-28 10:17

Vue基础：子组件抽取与父子组件通信

在工作中承担一部分前端工作，主要使用Vue+ElementUI。随着版本迭代，需求增加，页面往往变得更加臃肿，不易维护。学习子组件的封装和抽取，能更好适应需求。

Ygria·2020-04-26 16:00

VUE+elementui组件在table-cell单元格中绘制微型echarts图

需求效果图示例实际完成效果图**代码实现注：table表格为二次封装的子组件-在table表格中根据scope.$index动态设置元素的id，便于指定单元格的echarts初始化；-在单元格中触发一个方法，传入当前的scope.row数据或者指定其他数据，并且传入scope.$index以及一个字符串便于识别当前是哪条数据的charts-在方法中绘制echarts**近{{dateType}}天

吃三个汉堡·2020-04-20 16:10

Vue+ElementUI实现tab选卡式后台Admin

在以往管理系统开发，相对比较大型的后台都会做成tab选卡式、即左边手风琴列表导航菜单，右边一个tab选卡容器。点击左边的菜单在右边打开一个选卡，选卡中内容是独立的，选卡可以任意切换和关闭。在组件化开发之前的普遍做法是为tab内嵌入iframe，但现在既然用上vue组件开发我们就不能走老路了。我们使用elementui的tabs组件和menuNav来实现这个效果，我们希望点击menuNav中的ite

huanent·2020-04-13 18:42

华为云搭建余浩杰的个人网站（新闻+电商+空间）01-主页后台管理系统的登录

前端技术：Vue+ElementUi后端技术：SpringCloudAliBaBa+MySql+MyCat+Kafka+Elasticsearch+Hbase+MyBatis+爬虫+JWT部署技术:Docker

风写意·2020-04-11 17:21

vue+ElementUI改变主题色

背景介绍：项目使用vue.js+elementUI+scss，但是项目的主题色要修改为紫色。Mac电脑，且已安装过npm。我使用的是全局安装（-g），官方文档说是建议安装在项目中全局安装步骤cdelement-demonpmielement-theme-gnpmielement-theme-chalk-Det-i修改scss中的颜色值etmain.js修改引入步骤说明进入项目文件夹cdelemen

hsqin·2020-04-10 01:58

简单了解Vue + ElementUI后台管理模板

最近学习和项目都用到了Vue和ElementUI，自己不是专业前端，搞这些UI上的东西还是有些难度，这里推荐两个Vue+ElementUI后台管理模板vue-element-adminvue-element-admin

yaominghui·2020-04-07 09:40

用 Vue+ElementUI 搭建后台管理极简模板

本文由图雀社区成员灿若星空写作而成，欢迎加入图雀社区，一起创作精彩的免费技术教程，予力编程行业发展。写在前面此篇文章为一篇说明文档，不是教你从零构建一个后台管理系统，而是基于一个实际项目，已经搭建好了一个后台管理系统的基础框架，教你如何在此基础上快速开发自己的后台管理系统，能让读者能在掌握一些基础知识的情况下，也能上手vue后台开发。只有接触项目，才能更好地理解自己所学知识的意义，触类旁通把死知识

一只图雀·2020-04-06 19:37

webpack构建Vue+ElementUI单页面应用（2）——babel基础配置

安装babel本文的webpack版本为webpack4,所以babel中文翻译网有专门的cli安装说明，按照说明配置就ok了npminstall--save-devbabel-loaderbabel-core在webpack中使用/*webpack.conf.dev.js*/module:{rules:[{test:/\.js$/,exclude:/node_modules/,loader:"b

放游·2020-04-05 21:16

推荐频道

vue+elementUi