E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue+element-UI
vue+element-ui
之tree树形控件有关子节点和父节点之间的各种选中关系详解
要求:1、选中父节点,子节点及孙子节点(甭管有多少层级,兹要是子辈节点)可以不选中,取消选中父节点,子节点及孙子节点也还是没有任何变化;2、选中子节点或孙子节点,必须选中父节点及祖父节点(甭管有多少层级,兹要是祖辈节点),取消选中子节点或孙子节点,父节点及祖父节点可以不取消选中;3、基于需求2,此时子节点及孙子节点和父节点、祖父节点都已选中,那么若取消选中父节点,则子节点及孙子节点必须取消选中,但
larry_liujunwei
·
2020-06-24 02:50
js
vue+element-ui
表格封装tag标签使用插槽
我们知道有很多系统都要求表格中添加各种各样的tag,来标记一些属性。在element-ui中添加tag很简单,最重要的就是用到了vue的插槽slot这个特性。首先了解什么是插槽。插槽省去官方的复杂讲解和代码,插槽的意思简单来说,就是在子组件的某个地方留一个占位符,当父组件使用这个子组件的时候,可以自定义这个占位符所占地方呈现的样子,可能是一个标题,一个按钮,甚至一个表格,一个表单。为什么要插槽呢?
·
2020-06-23 22:51
vue+element-ui
实现可编辑表格、动态渲染表头和表格数据、列向数据合计(每行末尾合计功能)
vue+element实现可编辑表格、动态渲染表头表格数据、列向数据合计(每行末尾合计)1,首先得在项目中集成element-ui安装,注册,具体参照element-ui的集成2,我这里使用的vue-cli脚手架搭建的项目,可网上搜索相关知识3,我的需求,做一个比赛项目打分表,评委可以实现在线打分,表头和表格数据首先都是动态获取后台数据进行渲染,这里我先写成假数据以供大家参考4,HTML部分代码H
卖萌的小猪
·
2020-06-23 16:34
vue
vue+element-ui
下拉框--下拉table
项目中有一个需求,用户点击下拉框,下拉列表为一个表格,但是element里面没有这个组件,于是组装一个,效果如下:选择后:.vue:.js:exportdefault{data(){return{formInline:{member:'',},memberList:[],//用户listshowTree:false,selectTableId:'',//table选中行idColumns:[{pr
慢半拍、
·
2020-06-23 16:22
vue+element
vue+element-ui
点击导航栏动态添加对应的tabs,并可删除
一、静态数据二、动态数据(加载public的本地json)后端管理系统,需要添加tabs需要,所以,使用vue做了一个动态添加tabs和删除tabs的功能。最后的效果图:![在这里插入图片描述](https://img-blog.csdnimg.cn/20200311161712356.gif实现功能步骤:1.明确需求,听过elementUI官方例子生成一个NavelementUI官方的左侧导航栏
…终结
·
2020-06-23 14:05
VUE.JS
vue+element-ui
中使用WangEditor编辑器
如何将WangEditor和
Vue+Element-UI
整合起来,官网语焉不详,仅提供了一个范例。我看了一些博客的引入办法是直接在页面中引入的,这里我把我的组件式引入方法和踩的坑介绍一下。
dongzhiyu
·
2020-06-23 05:23
vue.js
前端
使用
vue+element-ui
实现无限级动态菜单
子组件递归调用时,无需引入,根据name名称直接引用//父组件constlistData=[{name:'钠管设备',id:"1",level:1,child:[{name:'系统默认组',id:"2",flag:true},{name:'设备一组',id:"3",child:[{name:'一组A小组',id:"4",child:[{name:'一组A小组的成员1',id:"5"},{name:
banyiti1588
·
2020-06-22 17:51
vue+element-ui
的项目使用分页器,跳转后再返回时高亮问题
1.页面所需相关操作如下:第一步:如下是班级管理模块的页面,跳转到班级管理的详情页面第二步:再从班级管理详情页面返回到班级管理页面时,班级管理页面应该显示的是原先所选择的第5页第三步:其它页面点击跳转到该页面(如班级管理页面)时,应该为第一页(显示初始数据)2.代码初始列表页面(班级管理)页面代码://html//jsdata(){return{pageSize:15,//每页大小,默认15条记录
asteriaV
·
2020-06-22 15:37
element-ui
vue
vue+element-ui
上传图片点击按钮上传并带参数给后台formData格式
之前做的图片上传需求是自动上传并且只带header,这次需要传参数给后台并且格式是formData,非自动上传,而是点击按钮上传,让我琢磨了半天。需求图片如下html代码如下开始上传:auto-upload="false"取消自动上传,:headers="headers",this.headers={"Content-Type":"multipart/form-data"};设置headerjs效
Zxiuping
·
2020-06-22 10:39
利用
Vue+Element-ui
实现简单的增删改功能
HTML部分Document添加信息{{scope.row显示数据||$index+1,从1开始给序号}}-->-->取消确定CSS部分app{width:1024px;margin:0auto;}.add-btn{margin-top:20px;width:100%;}.body{margin-top:20px;}JS部分newVue({//绑定DOM节点el:'#app',//数据存储data
Violet丶Evergarden
·
2020-06-22 07:03
Html 引入使用 Element-ui、Vue
是基于Vue的框架,所以要想正常可以使用Element-ui,必须在其脚本引用之前先引用Vue脚本直接代码演示:按钮{{a}}newVue({el:'#app',data(){return{a:'成功引入
Vue
LiLi_code
·
2020-06-22 00:57
Vue
Html
前端
Vue+Element-UI
下刷新后高亮消失的解决办法
问题描述最近在做项目的时候遇到,页面刷新后路由不变、页面也不变,只是导航栏高亮消失的问题,查阅相关文档后,下面是我找到的解决办法之一。代码HTML部分:广告媒体媒体应用管理子应用管理媒体应用管理主要原因::default-active="$route.path"这里default-active定义的是当前激活菜单的index,我将default-active绑定为$route.path,例如当前页
小丁冲鸭!
·
2020-06-21 19:42
Vue学习
Vue+Element-UI
菜单二次点击刷新方法,且只刷新页面表格区域
最近在开发一个
Vue+Element-UI
的项目,发现Element-UI中的NavMenu导航菜单点击已选中的菜单时刷新不了页面,上网找到一些相关资料进行改进,实现二次点击菜单时能够无闪烁刷新页面
蜗牛上路
·
2020-06-21 16:17
Vue
Element
vue+element-ui
的主题颜色切换
参考了https://mp.csdn.net/mdeditor#的做法,很感谢1.安装vue-clinpminstall-gvue-clivueinitwebpackvue_democdvue_demonpminstallnpmrundev2.安装element-ui及sassnpmielement-ui-Snpminstall--save-devsass-loadernpminstall--sa
youlinaixu
·
2020-06-21 15:30
vue
使用element-ui实现表格分页
vue+element-ui
实现表格分页前言表格分页一、前端分页1.创建表格2、分页表格3.添加事件4.完整前端分页代码二、后端分页1.编写请求数据的函数2.引用请求函数3.完整后端分页代码结尾前言由于项目需要
万恶的VUE
·
2020-06-21 13:31
vue
在
vue+element-ui
中,select选项值动态从后台获取,同时将选中值的id传给后台的方法
问题:选项动态从后台获取,同时要实时获取到用户选中值的id如select框有红,黄,蓝三个值,id分别为1,2,3用户点击红,我要获取到红的id为1用户点击黄,我要获取到黄的id为2用户点击蓝,我要获取到蓝的id为3首先问题步骤分为三步:点击select框,发送请求到后台取到值data,动态渲染到页面点击要选中的值,将选中的值拿去和进行遍历获取选中值的id,赋值给定义好的某个变量准备工作:创建全局
南极大冰块
·
2020-06-21 12:36
vue
JavaScript
element-ui
关于
vue+element-ui
项目的分页,返回默认显示第一页的问题解决
问题描述当前页面如下然后点击页码跳到第3页,然后在第三页点击页面链接跳转到新的页面然后在新页面点击返回按钮,返回到当前页,结果页面分页显示第一页,对应页面内容也是第一页期望效果从新页面返回的时候,页码和页面内容仍旧保持在跳转离开前的样子。解决办法利用localStorage或者sessionStorage将跳转页面前的currentPage存储起来,然后,再次返回当前页的时候,在created生命
weixin_34355559
·
2020-06-21 11:28
前后端分离开发,
Vue+element-ui
往后台传日期区间的问题
现在有个需求是根据给定日期的范围查询,第一点想到的是,前台传一个日期区间,后边接收到值以后再SQL语句中使用Betweenand查询。出现的问题:前台使用element的日期组件:它默认返回的是date类型,而且这个组件只返回一个对象,这对后台使用Betweenan比较麻烦,这里不再赘述问题的产生原因,直接上代码,亲测有效。首先使用elementui中时间选择器,我使用的是带快捷选项的那个:然后使
十八线小it男
·
2020-06-21 06:28
练习
vue+element-ui
实现表格嵌套
vue+element-ui
实现表格嵌套
vue+element-ui
实现表格嵌套效果图`html片段``js片段``css片段`
vue+element-ui
实现表格嵌套公司的项目有表格嵌套的需求,网上找了下没有太满意的案例
Zeng.K.R
·
2020-06-21 06:34
纯html:
vue+element-ui
入门例子todolist(粘贴可用)
效果图代码及其注释:todolistTodoList进行中:{{todolist.length-donenum}}已完成:{{donenum}}//用HTML的localStorage本地存储数据varSTORAGE_KEY='todolist'functionfetch(){returnJSON.parse(window.localStorage.getItem(STORAGE_KEY)||'
FromNowOnUntilTheEnd
·
2020-06-21 05:45
vue.js
vue+element-ui
项目的分页,返回默认分页高亮样式的问题
问题造成原因我们返回当前页面取得总条数totalNum的之前,element-ui的分页组件已经在页面加载完毕,当时的totalNum绑定的是data里面初始化的数据0,所以当总条数为0的时候,分页组件的页码默认为1。并且当totalNum在created生命周期里取得数据后,分页组件也不会刷新。所以这就导致,页面内容正确,但是页码高亮依旧是第一页解决办法我们需要在created之后刷新这个分页组
风中一品狼
·
2020-06-21 04:49
vue
基于 vue + Element-ui 开发的后台管理系统
基于
vue+Element-ui
开发的后台管理系统引文思考快速上手项目结构介绍引入ElementUI登录功能设计项目演示地址:https://git.io/fp9UM项目仓库地址:https://github.com
Never Yu丶
·
2020-06-21 00:33
前端
综合
Vue+Element-UI
快速搭建前端界面
Vue+Element-UI
快速搭建前端界面文章目录
Vue+Element-UI
快速搭建前端界面主要参考:Vue主要使用总结概述组成v-model绑定数据v-for循环构造v-on:click点击处理beforeMount
SYSUcarey
·
2020-06-21 00:24
web
vue
element-ui
js正则表达式
用
vue+element-ui
快速写一个注册登录页面
vue+element-ui
可以快速开发一个页面,免除大部分的css代码。
w_zou
·
2020-06-20 23:38
vue.js
vue
element-ui
注册登录页面
vue+element-ui
搭建纯前台项目记录
架构说明本次项目用于个人学习,作用于个人聚合支付demo,记录步骤,为以后作参考。前台项目搭建的架构基础是前后台分离,即:从代码层面来说,前台和后台互不相干,不同的服务,不同的端口,前后台之前使用http协议进行交互。前台基本技术架构为node.js+vue.js+element-ui+vue-router。步骤说明安装node.js本项目基于node.js搭建,需要使用npm命令,由于我之前已经
涂宗勋
·
2020-06-20 21:01
...☀js
VUE+ELEMENT-UI
的后台项目封装组件--table的封装
最近项目打算重构,项目的模块几乎都是以后台查询展示的传统的增删改差模式,所以卑微的我想要自己封装一下table,效果图子组件:{{item1.name}}{{item2.name}}exportdefault{props:{tableData:{//表格数据源默认为空数组type:Array,default:()=>[]},columns:{//表格的字段展示默认为空数组type:Array,de
小码农敲代码的日常
·
2020-06-19 16:00
VUE+ELEMENT-UI
的后台项目封装组件--查询form的封装
最近项目打算重构,项目的模块几乎都是以后台查询展示的传统的增删改差模式,所以卑微的我想要自己封装一下查询form,先上效果图子组件页面:1231011121314152021222324252627333435364142505152535455565758596061666768697071{{ch.label}}77787980818283848586{{item.name}}93949596
小码农敲代码的日常
·
2020-06-19 16:00
vue+element-ui
的后台项目封装组件--面包屑的封装
最近项目打算重构,项目的模块几乎都是以后台查询展示的传统的增删改差模式,所以卑微的我想要自己封装一下tab,子组件--可以添加icon的。12341112{{13item.title14}}15{{item.title}}161718192021exportdefault{22props:{23breadlist:{24type:Array25},26title:{27type:String28}
小码农敲代码的日常
·
2020-06-19 16:00
更优雅的使用element中的$confirm
项目中总会遇到需要二次确认的操作我的项目是
vue+element-ui
正常写法this.$confirm('确定要删除吗?'
前端小旋风
·
2020-06-12 14:21
开源 SpringBoot+vueJs 前后端管理系统模版
项目前后端分离,前端采用
vue+element-ui
,后端采用spring-boot项目地址:https://github.com/cuteJ/shop...
onlythinking
·
2020-05-27 17:30
前端
vue.js
java
springboot
后端
vue+element-ui
的el-upload 实现图片上传
1、template代码如下代码解析:action为空就可以;show-file-list是否显示已上传文件列表before-upload:绑定的是上传图片前要执行的方法用来限制图片的大小、格式http-request:绑定的是上传图片的方法img标签里放的是上传成功后显示出来的图片i标签里放的是默认未上传图片时的图标2、js代码(两个方法)//上传图标事件selectPicUpload(obj)
看庭前花开花落_望天上云卷云舒
·
2020-05-25 15:35
Vue + Element-ui实现后台管理系统(6)---权限管理思路讲解
另外这里只展示关键部分代码,项目代码放在github上:mall-manage-system1、
Vue+Element-ui
实现后台管理系统(1)---总述2、
Vue+Element-ui
实现后台管理系统
雨点的名字
·
2020-05-18 22:00
开源 SpringBoot+vueJs 前后端管理系统模版
项目前后端分离,前端采用
vue+element-ui
,后端采用spring-boot项目地址:https://github.com/cuteJ/shop...
onlythinking
·
2020-05-17 11:00
前端
vue.js
java
springboot
后端
SpringBoot+Vue+ElementUI+动态菜单模版
项目前后端分离,前端采用
vue+element-ui
,后端采用spring-boot项目地址:https://github.com/cuteJ/shop-server(后端)https://github.com
onlythinking
·
2020-05-15 10:00
Vue + Element-ui实现后台管理系统(5)---封装一个Form表单组件和Table表格组件
另外这里只展示关键部分代码,项目代码放在github上:mall-manage-system1、
Vue+Element-ui
实现后台管理系统(1)---总述2、
Vue+Element-ui
实现后台管理系统
雨点的名字
·
2020-05-12 21:00
Vue + Element-ui实现后台管理系统(4)---封装一个ECharts组件的一点思路
另外这里只展示关键部分代码,项目代码放在github上:mall-manage-system1、
Vue+Element-ui
实现后台管理系统(1)---总述2、
Vue+Element-ui
实现后台管理系统
雨点的名字
·
2020-05-10 22:00
Vue + Element-ui实现后台管理系统(3)---面包屑 + Tag标签切换功能
另外这里只展示关键部分代码,项目代码放在github上:mall-manage-system1、
Vue+Element-ui
实现后台管理系统(1)---总述2、
Vue+Element-ui
实现后台管理系统
雨点的名字
·
2020-05-05 20:00
Vue + Element-ui实现后台管理系统(2)---项目搭建 + ⾸⻚布局实现
项目搭建+⾸⻚布局实现上篇对该项目做了个总述:
Vue+Element-ui
实现后台管理系统(1)---总述这篇主要讲解项目搭建+后台⾸⻚布局实现:整体效果后台首页按布局一共包含3个部分:1、左侧栏部分2
雨点的名字
·
2020-04-29 23:00
element-ui样式覆盖问题及解决办法
最近用
vue+element-ui
做项目,element-ui样式覆盖遇到点问题。整理如下。
MickeyMcneil
·
2020-04-05 03:50
vue+element-ui
封装table
tabletext(封装table页面代码)https://blog.csdn.net/weixin_43886711/article/details/102780607{{scope.row[column.prop]}}_x.show===true).length>0">//也可以换成el-button{{btn.label}}import{mapGetters}from'vuex';expor
李芦儿
·
2020-04-02 04:47
element-ui日期时间选择器的日期格式化问题
最近在做
vue+element-ui
的后台管理页面,其中用到了DateTimePicker来选择日期时间,但是在将数据传回后台的过程中遇到了一些令人头疼的问题,在此记录一下解决方案,以免日后再次遇到。
codecho
·
2020-03-31 08:28
关于Element-ui的时间格式问题
最近在使用
Vue+Element-ui
做项目的时候遇到了一个问题,就是在日期选择的时候,明明input内的日期是xxxx-xx-xx这样的格式,但是当我将这个值拿到传给后台的时候发现格式确是-----&
小_花花哟
·
2020-03-29 17:52
vue+element-ui
项目上传图片组件
平时项目里遇到上传图片的功能还挺多的,但是很长一段时间不接触,也会忘记,做个笔记多记一笔,也方便日后的使用上传的组件用element-ui的upload就好,不管是头像上传还是照片墙,方法都是一样的action:上传图片接口的地址,必选limit:上传长度的限制,这个不是必选http-request:覆盖默认的上传行为,可以自定义上传的实现,里面就是上传图片要执行的ajax请求上传图片接口需要注意
啥啥啥娜娜
·
2020-03-24 14:38
vue+element-ui
完成的后台管理系统
最近的一次项目是用
vue+element-ui
完成的后台管理系统,整理一下用到的方法1,用async/await来处理异步async的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为
可乐_d001
·
2020-03-24 08:57
在VUE+ELEMENT开发中如何快速渲染表单
最近使用
VUE+ELEMENT-UI
开发项目是总结了如何在表单过多的情况下快速渲染表单的方法。首先在需要渲染的,标签里面绑定:model为一个对象里面是表单内部需要监控的数据。
07381e4e5519
·
2020-03-15 22:53
VUE+Element-UI+i18n 多语言化
写在前面项目需要,搭建玩了一下这次去实践
vue+element-ui
本地化的任务,本着分享的原则将过程记录下来准备在查阅了一些资料之后发现所谓本地化就是将相应的menu、tips、message做成变量
TianNicholas
·
2020-03-13 09:20
前端技术
npm
vue
前端
基于
vue+element-ui
实现的课程管理系统
github地址:https://github.com/helloyoucan/gcweb网站部分:http://www.jianshu.com/p/d448790de5d6gcweb基于vue+vue-resource+element-ui+markdownjs+editor.md的一个课程管理系统预览地址:http://123.207.77.245:8081(由于是腾讯云的学生主机,所以很慢.
helloyoucan
·
2020-03-11 21:40
vue+element-ui
实现base64编码上传图片
exportdefault{data(){return{actionUrl:'',ruleForm:{bankimg:'',}}methods:{httpRequest(options){letfile=options.fileletfilename=options.filenameif(file){this.fileReader.readAsDataURL(file)}this.fileRead
表里不一的汪星人
·
2020-02-10 08:24
【开箱即食】命令行替你写表单
(今天我们不加班)(今天我们不开发)以此为目标写一个命令行,让他替我们‘自动开发’基于
vue+element-ui
进行开发参考的文章:[vue-cli3项目从搭建优化到docker部署](https:/
蜜汁少女ci
·
2020-02-08 20:15
vue.js
node.js
Vue+springboot管理系统
About此项目是
vue+element-ui
快速开发的物资管理系统,后台用的javaspringBoot,前后端分离部署。
佳玉郭
·
2020-02-06 10:46
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他