vue+element-UI 第9页

vue+element-ui构建动态菜单

1.构建菜单数据结构config.jsletconfig=[{"createUserId":0,"parentMenuId":0,"icon":"el-icon-message","name":"系统管理","alias":"系统管理","id":1,"sort":0,"state":"ENABLE","type":"NONE","childs":[{"createUserId":0,"paren

ws346348183·2020-06-29 20:56

vue+element-ui form表单的简单封装

项目中常用到form表单提交，并加以校验，为了简化代码，对elementUI的form表单进行一次简单的组件封装。页面大致如下：直接上代码~~element-table#app{margin-top:100px;}.main-form{width:40%;margin:0auto;}.submit-btn{text-align:center;}submitvarformComponent={tem

摸爬打滚学前端·2020-06-29 16:23

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

vue+element-ui项目项目中遇到的问题关于prop的父级像子组件传值axios传参和修改vuedata数据json数据获取问题关于引用自定义的js，并调用里面的函数方法。

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

vue+element-ui 实现多级侧边栏导航

@效果图导航菜单asideBarItem组件封装0">{{router.name}}{{router.name}}exportdefault{name:'asideBarItem',props:["router","index"],components:{},data(){return{}},computed:{},watch:{},methods:{},created(){},mounted()

猫耳朵胡同巷·2020-06-29 12:08

在vuex 中使用element-ui的Message 消息提示

今天遇到一个小问题，项目使用的是vue+element-ui,在登录的时候由于后端接口返回的请求状态码不一致，导致没法在axios中做错误的统一处理。

渡渡鸟7·2020-06-29 10:28

用vue+element-ui实现表格里嵌套表格

静态页面，数据都是写死的js里data里:data(){return{tableData:[{id:'P201900001',pigeonhole:'GD123456789',date:'2019-1-31',scene:'2019-1-31',scenePlace:'中国',name:'鲜花',clinic:'临床',legal:'已支付',pay:'转账',survey:'2019-02-23

lucky―燕·2020-06-29 09:15

使用webpack搭建简单的vue+element-ui项目，并实现模块按需加载

原文地址：https://blog.csdn.net/crazy_jialin/article/details/80435213本文讲述一下在vue项目中搭建element-ui框架，并实现模块的按需加载。准备工作：在此之前，需要大家搭建一个简单的vue+webpack项目，本文讲述的操作是基于这个项目的，所以，需要大家准备一下，具体操作步骤请参考博客(https://blog.csdn.net/

让我看看谁在学习·2020-06-29 05:47

vue+element-ui中实现多层级复杂的维度根据数据自动生成的表头

表头主要复杂在：1，有三层，一层是大类，第二层是具体项，第三层是标准值/对比值2，首列和末尾列是一层3，整个表格的维度是根据数据的输入自己生成，也就是动态的下面是在vue+eleUI中的解决方案：{{scope.row.list[item.label][standard_name]['value']}}{{scope.row.result?'合格':'不合格'}}其对应data://整理出所有的l

歪歪100·2020-06-29 01:43

vue+element-ui搭建简易的后台管理系统页面布局

工作中一直用element-ui写中后台项目，所以决定写一个vue+element-ui搭建简易的后台管理页面框架教程，可以快速搭建好简单的中后台界面。

蓝图null·2020-06-29 01:51

vue+element-ui tree树形控件,没全选时，无法获取父ID

vue+element-uitree树形控件,没全选时，无法获取父ID使用element-uitree树形控件的时候，在选择一个子节点后，使用getCheckedKeys后，发现只能返回子节点的ID，但是其父节点ID没有返回。Element-ui官网给的方法getCheckedKeys(){console.log(this.$refs.tree.getCheckedKeys());}但是这种方法在

SuperAdminMing·2020-06-29 00:20

vue+element-ui实现多选框绑定数组对象

Element-UI官方示例：{{city}}exportdefault{data(){return{checkedCities:['上海','北京'],cities:['上海','北京','广州','深圳'];};}};当面对需要遍历的数组元素是对象时，就有点头疼了…在el-checkbox-group中，v-model绑定的是el-checkbox中label的值即上例中checkedCiti

GeZi_MM·2020-06-28 23:27

vue+element-ui的分页完整版

页面展示：vue组件中代码：先声明变量：data(){return{cur_page:1,//默认在第一页pageNum:1,//默认每页显示1条数据totalCount:1，//默认总条数为一条}}1、操作每页显示几条：//操作每页显示几条handleSizeChange(val){this.pageNum=val;//获取page-sizes里的每页显示几条数据的值，赋给我们自定义的每页显示数

漂亮得皮皮·2020-06-28 19:02

vue+element-ui中的table表格重新修改样式

在使用vue+element-ui开发中遇到表头样式重新渲染的问题。后台返回的是聚合数组，使用v-for循环渲染。

weixin_34404393·2020-06-28 18:49

解决element-ui表格表头内容太长时的换行问题

在用vue+element-ui做一个后台管理系统时，遇到这样的问题，如图：使用el-table做一个表格，当表头内容过长时会换行，在不设置的宽度的时候每一列的宽度是等比例分配的，虽然element-ui

weixin_34192993·2020-06-28 13:46

基于vue + element-ui的管理平台模板更新啦

vue-element-admin-tpl这是基于vue+element-ui开发的管理平台模板。基于该模板，你可以快速搭建起管理平台页面，基础架构已经搭建好。当然，只要有时间，组件我会不断丰富。

weixin_33937913·2020-06-28 08:53

当spring boot 遇到 vue-admin, 搭建完美后台

项目地址https://github.com/lmxdawn/vu...说明vue-admin是一个基于vue+element-ui打造的响应式的后台管理,后端有php+java版本整体效果演示账号:admin

b10l07·2020-06-28 05:07

从零开始搭建vue+element-ui后台管理系统项目到上线

前言之前有些过移动端的项目搭建的文章，感觉不写个pc端管理系统老感觉少了点什么，最近公司项目比较多，恰巧要做一个申报系统的后台管理系统，鉴于对vue技术栈比较熟悉，所以考虑还是使用vue技术栈来做；看过一个不错的后台配置模板（vue-element-admin），页面也挺美的，但是还是碍于不想看太多关于这个模板的配置说明，于是又拉出来之前我搭建的简易版的模板，决定重构下，使用自己搭建的后台系统模板

weixin_30814223·2020-06-28 01:47

element-ui中select下拉框，选择后赋值成功，但是框上不显示的坑

这个是今天遇到一个坑，因为也是第一次使用vue+element-ui开发，所以记录一下自己遇到的一些问题。

weixin_30469895·2020-06-27 20:48

Vue+Element-ui改造upload组件进行多文件一次上传

Element组件功能强大，扩展性也好，upload文件上传组件支持单文件上传，对于办公文件，头像等都有专门的解决方案，同时可以附加参数，并且也能进行多文件上传，但是这里的多文件上传是分多次请求发送到后台的，可能不符合大多数情况的需求。本次的需求是做故障报修模块，需要图片上传，并且是多文件一起上传，发一次请求搞定，这时需要对upload组件进行改造，放弃Element的默认上传方法，自己编写上传方

爱丫丫的程序猿·2020-06-27 12:13

SpringBoot + Thymeleaf + vue + element-ui 全栈开发入门——项目部署

项目说明：blog-web：基于SpringBoot+Thymeleaf构建的博客后台系统，展示博文并为blog-web-admin提供API访问接口；blog-web-admin：基于vue+element-ui

大爱我小宝哥·2020-06-27 08:51

VUE+element-ui项目升级element-ui依赖版本后报错问题

有项目需要使用VUE+element-ui做一个前端项目，从网上找了一个Demo修改后发现很多element-ui的图标是用不了，后来发现是因为element-ui的版本太低导致很多图标不支持，升级element-ui

一只不太聪明的猿·2020-06-27 06:27

vue+element-ui，树形表格，可以做权限管理模块，可折叠，全选，部分全选

html部分：菜单列表功能权限{{item.title}}{{item.title}}所有{{m.name}}{{second.title}}{{p.name}}css部分.role-table{border:1pxsolid#e0e0e0;border-bottom:none;padding:0;position:relative;}.header{height:40px;line-height

阿之阿佐·2020-06-26 21:28

vue+element-UI创建工程

1、全局安装vue-cli$npminstall-globalvue-cli2、创建一个基于webpack模板的新项目$vueinitwebpack项目名3、按照提示一步步操作，如下图：4、cd到项目的目录里$npminstall$npmrundev这样，工程就可以跑了。下面再来说下，elementUI的安装。5、cd到项目目录中，在执行下$npmielement-ui-S6、再全局引入eleme

燕过留誉·2020-06-26 16:47

vue-router路由权限控制的两种实现方案

前言最近在抽时间写一套后台管理系统框架模板（vue+element-ui），记录一些问题的解决方案。文章没什么顺序，就想到什么写什么了，也都是之前工作上碰到的问题。

Zoro佐罗·2020-06-26 16:52

Vue+Element-UI 多个form表单验证

Vue+Element-UI多个form表单验证在开发的过程中有时根据业务需求提交的表单内容分区分块内容繁多业务控制相对复杂的时候我们应该将页面内容分成若干个组件这样方便后期维护查找问题不然时间长了后期维护找问题头都大了如上图所示页面表单分为基本设置

shidouyu·2020-06-26 09:27

vue+element-UI实现右键菜单

转载请注明原文地址大体思路类似,具体实现在于控件是否提供了右键菜单的回调方法.右键菜单的样式也可以根据自己需求进行变更.1.右键菜单的样式新增重命名删除.menu__item{display:block;line-height:20px;text-align:center;margin:10px;cursor:default;}.menu__item:hover{color:#FF0000;}.m

情系半生e·2020-06-26 05:01

关于vue+element-ui项目的分页，返回默认显示第一页的问题解决

https://blog.csdn.net/StephenO_o/article/details/84234916返回默认显示第一页的问题解决https://blog.csdn.net/qq_30340185/article/details/85795732https://blog.csdn.net/weixin_42612454/article/details/87949537https://b

磊娃哟·2020-06-26 01:24

vue+element-ui实现显示隐藏密码

1.第一种方法通过控制样式，还有vue的v-if条件渲染来实现。代码如下：exportdefault{data(){return{formPassword:{newPassword:''},visible:true}}}2.使用element-ui的组件exportdefault{data(){return{input:''}}}

CJW-Coder·2020-06-25 22:23

如何用vue+element-ui生成二维码

1.安装qrcodeelement-ui的使用官网添加链接描述npminstallqrcodejs2--save2.页面引入生成二维码取消确定importQRCodefrom'qrcodejs2'exportdefault{data(){return{dialogVisible:false,}},methos:{qrCode(){this.dialogVisible=true;console.lo

CJW-Coder·2020-06-25 22:23

Element-ui实现loading的局部刷新

后台管理系统loading的局部刷新在一次vue+element-ui后台管理系统的项目中，遇到这样一个问题，引入element-ui加载框后，loading会占满整个屏幕，虽然通过改变路由实现了局部刷新

夕若没落丶然寒曲兮·2020-06-25 21:15

vue+element-ui多选和按钮绑定并将值传往后端

遇到这样一个需求，就是选择若干条数据后对他们进行批量操作，并与后台关联页面代码上线js代码onlineUser(){this.$confirm('此操作将无法撤回,是否继续?','提示',{confirmButtonText:'确定',cancelButtonText:'取消',type:'warning'}).then(()=>{letarr=this.multipleSelectionletm

水越帆·2020-06-25 20:01

vue+element-ui项目在表格的列中处理并展示复杂数据（数组）

问题背景：在vue+element-ui项目中，以表格形式呈现数据很容易，el-table,el-table-column两个标签加上：data,prop,slot-scope三个用来绑定数据的属性就能解决好多问题了

绝圣弃智-零·2020-06-25 18:12

element-ui的el-form添加验证规则，必填项，填完后还会有红色提示！

问题背景：vue+element-ui项目，设计登录界面。用户名和密码都是必填项，未填写会在输入框下方提示“请输入用户名”或“请输入密码”。

绝圣弃智-零·2020-06-25 18:40

vue+element-ui el-tree 组件的动态加载、新增、更新节点

vue+element-uiel-tree组件的动态加载、新增、更新节点最近在根据需求，需要用到树形控件，ele的封装了树形控件正好拿来用，用的途中遇到一些问题就总结下，哈哈哈说正事，我需要动态的加载出整个树形结构，刚好就有符合需求，啦啦啦用的时候出现问题了，我要如何把后台返回个我的数据加载到表里呢，上菜。。。{{node.label}}addDialogShow(node,data,0)">新增

大脸猫QAQ·2020-06-25 16:14

vue+element-ui项目开发按钮重复提交问题解决

最近工作中遇到一个坑，突然有一天测试给后台提了个bug报“系统异常”。可怜的后台的小伙找了半天问题跟我说：“这个问题咱俩都有原因”，究其原因就是前台没做限制导致客户在网速不好的情况下重复提交数据，后天也没做校验。好吧，项目进程太紧了这些问题也渐渐暴露出来了，废话不多说了直接上正题。1、全局提交方法+loading起初我的想法是在全局封装的axios（post）加loading，在未返回值之前一直l

小白阿斯兰·2020-06-25 15:06

完美解决Vue+element-ui 中upload组件使用多个时无法绑定对应的元素

完美解决Vue+element-ui中upload组件使用多个时无法绑定对应的元素项目时间赶,未来得及封装组件,莫怪莫怪!

qq_38902230·2020-06-25 15:41

Element-ui踩坑小结

Element-ui实际开发中遇到的坑1.DropDown组件使用时，子选项无法绑定事件的处理问题描述：正常在vue+element-ui项目中，点击事件可以通过@click绑定成功（@click=‘fun

前端小白在写bug·2020-06-25 14:18

关于vue+element-ui 表格行内编辑踩过的坑

本人踩的坑，给大家总结一下，一、先去百度网盘去下载所需的组件。链接:https://pan.baidu.com/s/1extMr-Rx2CeVdJsskDhfqw提取码:tbfw），如果想要该版本的代码请上百度网盘去下载源码包https://pan.baidu.com/s/1wpbBVWZHt4k_IXScPcFaew提取码:7vsa，如果还想要其他版本请上博主的gitHub去下载https://

程序主导人生·2020-06-25 13:44

vue+element-ui简单制作后台管理系统以及element table组件的应用

一、前言之前模仿微信使用了mint-ui，所以想学习一下同是饿了么公司的element-ui组件的使用，查了一下网上很多是用来做后台管理系统，刚好最开始接触网页制作的时候就是在课程里选择做一个老师提供界面整体截图及功能的管理系统。当时什么都不懂，草草的完成了，于是现在打算花几天时间重新做一次这个界面来练练手。二、项目展示三、功能介绍项目是纯前端项目，没有连接数据库。页面只制作了系统渠道管理这一页。

Mingeon·2020-06-25 11:29

vue+element-ui 封装面包屑导航

面包屑导航在很多项目中都会大量的使用，所以我们最好将封装成组件用来调用。在刚开始封装的时候在网上也找了许多方法，但是发现大多的方法都比较臃肿，而且对于项目后期的维护造成了很大的工作量。最终还是自己封装了一个。1.新建bread.vue文件；当前位置：">{{item.meta.title}}exportdefault{data(){return{breadList:[]//路由集合}},watch

super大米·2020-06-25 10:16

vue+element-ui 身份证验证（获取出生日期，籍贯、年龄、性别）

基于vue.js和element-ui的validate验证实现html代码js代码data(){return{baseFormRules:{idCardNo:[{required:true,message:'身份证号不能为空',trigger:'blur'},{validator:this.validID,trigger:'blur'}],},baseInfo:{},area:{11:"北京",

_hakim·2020-06-25 08:18

vue+element-ui实现表格里嵌套表格

效果图：点击某行数据展开另一个嵌套在里面的table核心代码：从后台请求的数据格式：代码实现：已发现资产（数量：{{tableData2.length}}）IP{{scope.row.ip}}{{scope.row.catagory}}{{scope.row.type}}不存活资产（数量：{{tableData3.length}}）IP{{scope.row.ip}}{{scope.row.cat

鲁小班吖·2020-06-25 08:43

vue+element-ui实现多选框绑定数组对象。为什么不能回显

本来的逻辑是点全选获取全部单选的绑定值的数组。就可以让下面所有的选中。但是如果下面单选绑定的不是一个值。而是一个对象的话。即使点击全选获取所有单选对象组成的数组也不能回显。直接按照官网的例子修改一下.让他绑定的值是对象。发现你写了checkedCities选中的对象内容，但是并没有回显全选{{city.cityname}}exportdefault{data(){return{checkAll:f

夏天想·2020-06-25 07:25

vue + element-ui二次封装Table组件，实现表格内容的完全自定义

vue+element-ui二次封装Table组件，实现表格内容的完全自定义前言我们在用vue+element-ui写后台管理系统项目时，table组件应该是用的频率非常高的组件之一，但是我们不希望每次都使用

kay_loving·2020-06-24 23:37

vue+element-ui中监听滚动实现锚点定位(双向)，锚点问题

双向绑定锚点问题是最近项目中遇到的一个问题，网上也有很多方法，不过还是想自己记录一下。需求：滚动内容为左右布局的右边内容栏内，内容滚动左边定位右边内容滚动。话不多说，直接看代码主意：class=“d_jump”个人信息求职意向求职状态教育经历工作经历项目经历我的证书data(){return{activeName:'1',isActive:'1',scrolls:{},NavDistance:32

松虫草·2020-06-24 23:08

管理系统模版

项目前后端分离，前端采用vue+element-ui，后端采用spring-boot项目地址：https://github.com/cuteJ/shop-server（后端）https://github.com

onlythinking·2020-06-24 18:58

『前端日志』Vue+element-ui 输入框不显示输入数据的问题

问题：如图，往输入框中输入了’abc’，但输入框并不显示，而alert出来的输入框的值为’c’html和js代码(这是在element-ui在线编辑器里写的代码，请自行修改)：BTNvarMain={data(){return{a:{b:''}}},methods:{button(){alert(this.a.c)}},created(){this.a.c=''}}varCtor=Vue.exte

mad_house·2020-06-24 13:13

vue+element-ui面包屑导航

vue+element-ui面包屑导航所需组件及引入文件（npm、elelment-ui等基础安装在此不做介绍）如同上一篇（vue&Element-ui实现的导航菜单）中介绍，需要布局layout公共组件

空那个白·2020-06-24 09:15

vue+element-ui 实现分页（demo）

效果图：代码：后端用的是tp5的框架index.htmlTitle查询编号公众号日期新增用户取关用户净增长用户总用户操作{{fdata.id}}{{fdata.name}}{{fdata.appId}}{{fdata.day}}{{fdata.new_user}}{{fdata.cancel_user}}{{fdata.new_user-fdata.cancel_user}}{{fdata.cum

林建龙·2020-06-24 08:32

vue+element-ui实现表格编辑

三种实现方式1、表格内部显示和编辑切换这种方式就是利用两个标签显示隐藏来实现，我们这里用input和span，正常用span将数据显示，点击编辑时，将span隐藏，显示input进行编辑。选中当前行我们可以通过slot-scope中的index去实现，在控制显示隐藏的属性上绑定index就可以选中当前行了，如showEdit[index]。页面结构代码：{{$index+1}}{{row.Name

前端小木·2020-06-24 04:41

推荐频道

vue+element-UI