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
##element-ui
element-ui
的表格有多选框时翻页记住之前选择的数据
场景描述:
element-ui
的table表格数据有提供多选框的功能,只要在表格列中多加一列就可以选择表格的数据。
明月松江
·
2020-06-26 21:31
element-ui
element-ui
表格列el-table-column如何根据数据不同显示不同的值
在使用
element-ui
的表格时,有时候后台给你的字段和你要显示在表格列里的内容不一致。
明月松江
·
2020-06-26 21:31
element-ui
element-ui
的table表格的多选框默认选中
场景分析:进入页面编辑表格的时候,表格的多选框后台记住勾选的处于默认选中状态。解决办法:可以在后台返回数据之后调用table的toggleRowSelection方法来实现默认勾选代码如下:data(){return{listData:[],//当前的table的数据hasSelectList:[],//已经选择的id组成的数组}}this.$nextTick(()=>{this.listData
明月松江
·
2020-06-26 21:30
element-ui
基于
element-ui
el-table 开发虚拟列表(树形列表)
前言基于之前支持表单验证的el-table开发完成后,在数据量过大的时候,会出现渲染慢,表格卡顿等致命问题,而
element-ui
的el-table本身没有像antd一样提供虚拟列表的demo和相关支持
j_bleach
·
2020-06-26 21:06
vue.js
javascript
element-ui
element-ui
upload组件 on-remove事件 传自定义参数
1.html{handleRemove(file,fileList,index)}">点击上传2.scripthandleRemove(file,fileList,fileIndex){}
tyjlearning
·
2020-06-26 21:57
element
ui
在使用
element-ui
中的多级菜单中遇到的问题
在使用
element-ui
中的多级菜单中遇到如下问题:项目不会报错,只是显示warning,大概的意思是传递prop的类型检测要求是boolean类型,但是传入的是字符串类型。
tozeroblog
·
2020-06-26 20:48
element-ui
电商后台管理项目
,权限管理),商品管理(商品分类,分类参数,商品信息,订单),数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA(单页应用程序)项目前端技术栈:Vue,Vue-Router,
Element-UI
topreventalife
·
2020-06-26 20:53
element-ui
select value-key踩坑记录
如官方文档所说,value-key作为value唯一标识的键名,绑定值为对象类型时必填类型为string默认值为valueelement-ui官方文档@{{item.name}}js:girard:{"id":value,"name":res.content[value][0],'daPin':res.content[value][1]}//这里根据接口获取使用场景:当select进页面时需要赋值
小蝴蝶_037a
·
2020-06-26 20:39
element-ui
菜单组件嵌套二层路由导致当前菜单高亮的问题
二级路由导致菜单高亮失效首先如果页面没有添加二级路由或者多级路由菜单得话,可以直接使用官网给的方法:default-active="$route.path"就没有问题了但是当存在多层路由嵌套得时候,建议将路由写在计算属性里面:default-active="defaultActive"其中计算属性里面写入需要或企业得路由,computed:{//获取当前路由渲染页面菜单defaultActive(
望南
·
2020-06-26 19:52
vue
一些遇到的小问题
理解vue之
element-ui
中的
如果有用过
element-ui
中的table组件,可能会发现有这么一个写法:在实际的使用过程中,这种用法当然不仅仅局限于此,其他的地方也会用到。到底这里有什么特别之处呢?
潇I洒
·
2020-06-26 18:23
学习笔记
Vhr项目分析(一) 前端Home.vue
前端Home.vue分析(一)
element-ui
简析(二)
element-ui
组件的大体架构(三)上方栏目布局(四)侧方栏目布局(五)主体布局vhr项目地址:https://github.com/lenve
一页居士
·
2020-06-26 18:24
Vue
前端
element的Form表单使用注意事项
Question1:el-form上添加disabled目前不起作用,原因是项目安装的
element-ui
版本太低了resolve:在v-input上添加即可,在vue中使用就可以在其属性前加上v-bindQuestion2
tangchangcai.
·
2020-06-26 17:37
vue富文本框(插入文本、图片、视频)的使用
我这里使用的是
Element-ui
的上传图片组件首先引入
Element-ui
(这个我就不作赘述了,详情参考element中文官网)在引入富文本组件vue-quill-editor使用在main.js引入相应的样式
谭少居然
·
2020-06-26 17:00
我的笔记
我的心得
Element-UI
在safari浏览器下table列表无法对齐的问题
由于
Element-UI
的table列表会在两个column中间添加一条能够拖动的竖线,(可能表现的不明显以至于很多人并没有发现,但是竖线是确实存在的。)
沈鑫Real
·
2020-06-26 16:38
前端开发
Element-UI
解决
element-ui
中级联选择器(Cascader)出现空白选项的bug---空级联bug
使用
element-ui
级联选择器的详细过程请参考------------》
element-ui
之级联选择器的使用详细过程在使用
element-ui
级联选择器的过程中,发现出现空级联的bug首先我们分析出现空级联原因是
会吐泡的鱼
·
2020-06-26 16:43
前端知识
element-ui
之级联选择器(Cascader)的使用详细过程
使用
element-ui
级联选择器:从后台获取数据的过程:参考------->java从数据库中读取数据-生成菜单树tree之算法优化第一步:从后台获取json数据:获得数据类似于下列json[{"id
会吐泡的鱼
·
2020-06-26 16:43
前端知识
vue学习笔记(三)- vue2.x引入
Element-ui
vue学习笔记(三)-vue2.x引入Element-uiwebpack+vue2.x+element-ui作者:狐狸家的鱼本文链接:vue2.x引入Element-uiGitHub:sueRimn1、新建项目vueinitwebpackvue-elementUi//vue-elementUi是项目名cdvue-elementUi//进入项目文件npminstall//安装依赖npmrundev/
DebJane
·
2020-06-26 15:48
VUE
vue学习笔记
vue-element-admin台前端解决方案: 基于 vue 和
element-ui
实现
介绍vue-element-admin是一个后台前端解决方案,它基于vue和
element-ui
实现。
starzhou
·
2020-06-26 14:34
JAVA
JAVAscript
SpringBoot+Vue.js+Element-UI实现图片上传
.vue文件,指定文件上传的接口地址点击上传只能上传jpg/jpeg/png文件,且不超过500kb这里选择图片后自动上传这里通过
element-ui
的回调函数在input框中返回图片名称,这个只是为了好看一点
请叫我算术嘉
·
2020-06-26 14:17
springboot
java
element-ui
表格分页功能的实现
1、概述在展示表格时,当表格行数过多时,分页时一个常见的需求,如果熟悉
element-ui
的朋友应该都知道’’可以用来分页2、代码其中,handleSizeChange及handleCurrentChange
spur_man
·
2020-06-26 14:57
前端
Element-Ui
组件(二)Icon 图标
Element-Ui
组件(二)Icon图标本文参考Element官方文档:http://element-cn.eleme.io/#/zh-CN/component基本用法Element内置丰富的图标库,
究极死胖兽
·
2020-06-26 14:56
Vue.js
Element-Ui
组件(一)页面布局
Element-Ui
组件(一)页面布局本文参考Element官方文档:http://element-cn.eleme.io/#/zh-CN/component常用布局el-row与el-col可搭配实现
究极死胖兽
·
2020-06-26 14:55
Vue.js
Vue
Element
html
Element-Ui
组件(四十)Popover 弹出框
Element-Ui
组件(四十)Popover弹出框本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/popover基础用法普通弹出框
究极死胖兽
·
2020-06-26 14:25
Vue.js
Element-Ui
组件(三十)Message 消息提示
Element-Ui
组件(三十)Message消息提示本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/message基础用法普通消息提示
究极死胖兽
·
2020-06-26 14:24
Vue.js
Vue.js
Element
UI
javascript
html
Element-Ui
组件(三十九)Tooltip 文字提示
Element-Ui
组件(三十九)Tooltip文字提示本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/tooltip基础用法普通文字提示上左上边上右带
究极死胖兽
·
2020-06-26 14:24
Vue.js
Element-Ui
组件(三十八)Dialog 对话框
Element-Ui
组件(三十八)Dialog对话框本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/dialog基础用法普通对话框点击打开
究极死胖兽
·
2020-06-26 14:24
Vue.js
Element-Ui
组件(二十一)Form 表单
Element-Ui
组件(二十一)Form表单本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/form基础用法W3C标准中有如下规定
究极死胖兽
·
2020-06-26 14:24
Vue.js
Element-Ui
组件(三十六)Dropdown 下拉菜单
Element-Ui
组件(三十六)Dropdown下拉菜单本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/dropdown基础用法普通下拉菜单下拉菜单黄金糕狮子头螺蛳粉双皮奶蚵仔煎带指令事件的下拉菜单下拉菜单黄金糕狮子头螺蛳粉双皮奶蚵仔煎
究极死胖兽
·
2020-06-26 14:24
Vue.js
Element-Ui
组件(二十五)Tree 树形控件
Element-Ui
组件(二十五)Tree树形控件本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/tree基础用法普通树exportdefault
究极死胖兽
·
2020-06-26 14:24
Vue.js
Element-Ui
组件(十六)DateTimePicker 日期时间选择器
Element-Ui
组件(十六)DateTimePicker日期时间选择器本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/datetime-picker
究极死胖兽
·
2020-06-26 14:24
Vue.js
Element-Ui
组件(三十三)NavMenu 导航菜单
Element-Ui
组件(三十三)NavMenu导航菜单本文来源于Element官方文档:http://element-cn.eleme.io/#/zh-CN/component/menu基础用法普通导航菜单处理中心我的工作台选项
究极死胖兽
·
2020-06-26 14:24
Vue.js
vue + vuex +
element-ui
购物车
这个购物车功能相对简单,路由控制进入home页(商品列表页),添加商品后,cart页(购物车页)链接后会显示加入商品数量。进入cart页会列出添加的商品,可加减数量、删除单个商品、清空购物车。项目目录router.js路由引入…/page/目录下页面importAppfrom'../App'importHomefrom'../page/home'importCartfrom'../page/car
sonicwater
·
2020-06-26 14:17
vue
vue +
element-ui
+ scss 仿简书评论模块
一、前言最近开发项目需要用到评论模块,参考了多家平台,对比之后觉得简书的最漂亮,就它了。前端当然要先放图简书原图注意评论的输入框默认是隐藏的,点击回复才会显示出来本篇文章实现的效果同样输入框需要点击回复才会显示二、功能分析从UI上看,整个评论模块大致分为四个版块评论人信息。包括头像,昵称,评论时间评论的内容。包括文字内容,赞的个数和回复按钮他人的回复。回复可能有多条,所以这是个v-for循环。回复
solocoder222
·
2020-06-26 13:01
前端
element-ui
(el-pagination)实现分页,vue中使用element
1.使用npminstallelement-ui--save安装
element-ui
出现以上提示信息表示
element-ui
安装成功2.在main中引入
element-ui
/样式文件,并使用element-uiimportElementUIfrom'
element-ui
so_and
·
2020-06-26 13:12
vue axios请求全局配置返回提示信息&且全局配置加载loading
importaxiosfrom'axios'import{MessageBox,Message}from'
element-ui
'importstorefrom'@/store'import{getToken
small_fox_dtt
·
2020-06-26 13:34
vue
Element-UI
二次封装实现TreeSelect 树形下拉选择组件
==========================第二次优化=======================3、优化组件(实现点击select输入框中的×删除勾选)//事件有两个参数:第一个是所有选中的节点ID,第二个是所有选中的节点数据**/-->exportdefault{name:'tree-select',props:{//树结构数据data:{type:Array,default(){r
sleepwalker_1992
·
2020-06-26 13:26
Element-UI
Cannot deserialize value of type `java.util.Date` from String
今天使用
element-ui
组件的el-date-picker,提交el-form到后台,然后时间选项是这样的后台接收是这样的:但是提交后提示,我时间格式不对Cannotdeserializevalueoftype
大飞NO1
·
2020-06-26 11:10
vue
element-ui
可编辑表格 + 动态表头
Element-UI
可编辑表格+动态表头利用el-table-column的自定义列模板可以与其他组件使用实现复杂的表格。
带着天使反上帝 - Kaybee
·
2020-06-26 10:55
Vue.js
Element-ui
table表格去掉所有单元格边框
Element-uitable表格去掉所有边框,如下图:备注:若去掉所有边框,可自行将头部边框注释掉即可该样式写在stylescoped外面在el-table中添加class="customer-table"类名//去掉表格单元格边框.customer-tableth{border:none;}.customer-tabletd,.customer-tableth.is-leaf{border:n
shimeifang11
·
2020-06-26 09:04
vue
element-ui
表单实现根据后台返回数据在指定字段下提示错误信息
今天使用
element-ui
表单做注册、登录功能,需要根据后台返回的数据,如返回错误提示,需在相应的字段下进行提示,比如验证码错误等。。。
小静仔
·
2020-06-26 08:51
Element-UI
插件 Pagination 显示为英文
Element-UI
插件Pagination显示为英文这个坑我踩了好久,试过很多方法,按照官网,按照别人网页写法来,一直不一致后来才发现,原来是语言设置的问题国际化importVuefrom'vue'importElementfrom'
element-ui
'importVueI18nfrom'vue-i18n'importenLocalefrom'
element-ui
金钩杯儿
·
2020-06-26 08:52
错误类
vue中axios封装
1.下载axioscnpminstallaxios--save2.static目录下创建http.jsimportaxiosfrom'axios';import{Message}from'
element-ui
仕古雪月
·
2020-06-26 08:28
vue2.0
Vue项目中引入element ui和Element ui 使用小细节
vue项目中引入elementui1.安装elementui1.安装
Element-UI
模块npminstallelement-ui--save2.在main.js中全局引入elementuiimportElementUIfrom'
element-ui
'import'
element-ui
sea9528
·
2020-06-26 07:51
vue
element
ui
vue
搭建 vue-cli 和 引入
Element-ui
最完整的入门例子(手把手)
搭建vue-cli脚手架安装git安装node并配置环境变量,使用zip版本#检查node是否安装成功node-v使用淘宝镜像npmconfigsetregistryhttps://registry.npm.taobao.org#检查是否配置成功npmconfiggetregistry安装node模块cnpmnpminstall-gcnpm--registry=https://registry.n
$9420
·
2020-06-26 07:14
前端
vue项目中引入
element-ui
时,如何更改主题色
vue项目中引入
element-ui
时,如何更改主题色https://www.cnblogs.com/yuwenjing0727/p/9450492.html在我们做项目时,我们经常会遇到切换主题色的功能
sandy_yuyan
·
2020-06-26 07:51
vue
使用
element-ui
的一点笔记
vue-router和
element-ui
结合实现导航1、先在el-menu标签上添加router属性,再绑定:default-active="$route.path"导航当前项。
samfung09
·
2020-06-26 07:41
vue
vue2.0基于vue-cli,
element-ui
饿了么vue前端开源项目制作vue的树形table,treeTable
该组件基于技术栈,主要涉及vue-cli生成的webpack项目脚手架,在此脚手架项目基础上完成的,整合了
element-ui
开源vue的UI项目1.vue-cli的安装使用npminstall-gvue-cli
BeArchitect
·
2020-06-26 06:27
element-ui
表格+分页器数据分页展示
Document#app{width:80%;margin:auto;}.el-tabletd{padding:0;}.el-pagination{text-align:right;}Vue.use(ELEMENT)axios.defaults.baseURL='https://www.easy-mock.com/mock/5ae417e4985d63275b55e177/luckLin'axio
luck_lin
·
2020-06-26 04:54
frame
class
Element-ui
入门
Element-ui
是(饿了么团队)基于MVVM框架Vue开源出来的一套前端UI组件,类似的UI框架也非常多,例如i-view,Vuetify等。
易。安
·
2020-06-26 03:30
Element-ui
树形控件el-tree自定义增删改和局部刷新及懒加载
Element-ui
树形控件el-tree增删改和局部刷新及懒加载需求:vue-cli项目树形控件:一级节点为本地节点,默认展开一级节点,增删改后局部刷新数据。
十年树人
·
2020-06-26 03:20
vue
上一页
137
138
139
140
141
142
143
144
下一页
按字母分类:
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
其他