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图片懒加载
封装request.js
前端一个项目可能需要调用多个后端服务,因此,前端设置多个拦截名,封装request.js,方便调用importaxiosfrom'axios'import{MessageBox,Message}from'
element-ui
'importstorefrom
Eleven....
·
2024-01-21 18:50
VUE
前端
vue.js
element-ui
样式修改
https://blog.csdn.net/weixin_43206949/article/details/84949814/deep/.class类名{写上你想要修改的属性}
理子
·
2024-01-21 17:34
如何修改
Element-ui
组件默认样式
在前端项目中会运用各种组件,有时组件的默认样式并不是你项目中所需要的,你需要更改样式,但修改样式并不成功,我这次也遇到相同问题并已解决,以下解决思路供大家参考。以下是这是引入element组件后的初始样式。image.png相关组件全部引入进来后,开始调相关样式。我需要的border-radius(圆角)效果更明显一点,渲染后发现框border-radius并不起作用。image.png经过一番查
web30
·
2024-01-21 09:23
vue按需引入
element-ui
怎么安装看
element-ui
官方文档按需引入第一步安装babel-plugin-componentnpminstallbabel-plugin-component-D第二步配置babel,修改babel.config.js
十年码农的觉醒
·
2024-01-21 08:14
el-table纯前端导出
[email protected]
下载jsimportFileSaverfrom'file-saver'importXLSXfrom'xlsx'import{Message}from'
element-ui
'exportdefault
爱学习的新一
·
2024-01-21 07:24
Vue-cli 项目中使用
Element-UI
组件库
第一步:在项目中安装
element-ui
组件npmielement-ui-S第二步:在main.js中引入element-uiimportVuefrom'vue';importElementUIfrom'
element-ui
THERAIN_
·
2024-01-21 05:41
一个vue-cli的项目中如何使用
element-ui
组件库
1.安装npmielement-ui-s2.引入ui组件引入css文件在vue上使用下阅读文档快速上手部分在main.js部分引入importElementUIfrom'
element-ui
';import'
element-ui
疯狂的蜗牛Dianna
·
2024-01-21 03:00
element-ui
tree树形结构全选、取消全选,展开收起
控制树形结构全选、取消全选,展开收起折叠/展开全选清空exportdefault{methods:{//this.$refs.treetree是上面控件el-tree的ref属性的值allExpanded(){//展开还是收起this.expanded=!this.expanded;vartreeNodeList=this.$refs.tree.store._getAllNodes();for(v
阿Q--小黑
·
2024-01-21 01:50
vue
vue.js
前端
javascript
vue+ vue-i18n实现前端语言国际化
文件,然后在里面写如下代码importVuefrom"vue";//引入VueimportVueI18nfrom"vue-i18n";//引入国际化的包importElementLocalefrom'
element-ui
白小码
·
2024-01-21 01:45
项目实战
开发语言
javascript
vue.js
图片懒加载
:为什么它对网页性能和用户体验如此重要?
目录引入实现方式html实现javaScript实现IntersectionObserver引入图片的体积和数量对网页性能影响很大,特别是对于移动设备用户或者网络连接速度较慢的用户来说。懒加载是一种重要的性能优化方式,它仅在用户需要时才加载内容,而不是一次性加载所有资源。当用户打开一个页面时,如果立即请求并加载所有图片资源,会导致页面加载速度变慢,延长了用户等待时间。同时,对于用户来说,他们可能不
N-A
·
2024-01-20 23:58
前端汇总
JavaScript
前端
JavaScript
html
图片懒加载
性能优化
element-ui
手机端很小 自适应手机
只需要在头部加上这个就可以了
落雪无尘V
·
2024-01-20 22:46
vue3二次封装
element-ui
中的table组件
为什么要做这件事借助封装table组件的过程来巩固一下vue3相关知识点。组件有哪些配置项options:表格的配置项data:表格数据源elementLoadingText:加载文案elementLoadingSpinner:加载图标elementLoadingBackground:背景遮罩的颜色elementLoadingSvg:加载图标(svg)elementLoadingSvgViewBo
趁着年轻吃点苦
·
2024-01-20 22:11
ui
vue.js
elementui
解决electron-vue+element报错$attrs is readonly和$listeners is readonly问题
根据晚上说的降低版本匹配版本之后还是不行,各种版本都尝试了一遍,还是会出现下面这些问题:终于最后在这里得到了解决在webpack.renderer.config.js文件里面这一个变量数组里面加上这个即可:就是要加上’
element-ui
竹立荷塘
·
2024-01-20 14:41
electron
vue.js
electron
前端
element-ui
表单 form 回车 enter 触发查询,并禁止在输入框中按回车键会刷新页面
element-ui表单form回车enter触发查询在el-form上添加@keyup.enter.native="onQuery"2.vue+elementUI在输入框中按回车键会刷新页面2.1问题原因:参考
element-ui
竹立荷塘
·
2024-01-20 14:09
vue
vue
element
基于SpringBoot+Vue社区帮扶对象管理系统的设计与实现
文末获取联系开发语言:Java使用框架:springboot前端技术:Vue、css、
element-ui
、js开发工具:IDEA/MyEclipse/Eclipse、VisualStudioCode数据库
一季春秋
·
2024-01-20 13:21
毕业设计
Java毕业设计实战案例
课程设计
spring
boot
vue.js
后端
java
spring
社区帮扶对象管理系统
解决[Vue warn]: Invalid prop: custom validator check failed for prop “percentage“.(这里写自定义目录标题)报错
(这里写自定义目录标题)报错我们公司的vue项目使用
element-ui
组件,我用Progress组件的时候,报错。我在网上看,说是要加v-if,我也加了,还是报错。
Miss Stone
·
2024-01-20 07:15
js
vue
bug
IntersectionObserver(交叉观察器)
方法1.2unobserve方法1.3disconnect方法1.4takeRecords方法1.5callback参数1.6options2.IntersectionObserverEntry对象3.
图片懒加载
fmk1023
·
2024-01-20 03:51
JavaScript
+
TypeScript
javascript
前端
开发语言
js 实现
图片懒加载
一、懒加载懒加载也叫延迟加载,Js中图片的延迟加载,延迟图片需要符合某些条件时才加载;对于图片过多的页面,为了加快页面加载速度,我们需要将页面内未出现在可视区域内的图片先不做加载,等到滚动到可视区域后再去加载。这样一来页面加载性能大幅提升,提高了用户体验。手机会自动做懒加载像天猫、京东网站等,页面中有着大量图片,一次性全部加载这些图片会使浏览器发送大量请求和造成浪费。采用懒加载技术,即用户浏览到哪
一只章鱼哥
·
2024-01-19 18:25
element-ui
的选择实现上拉刷新和回显
**初始化回显凑一项在数组push进去//初始化添加数组initResourcePage(){returnresourcePage({...this.devArrForm}).then(res=>{const{result}=res.datathis.vppDevListArrLength=res.data.totallettempObj=result.find(item=>item.id===t
造糖主义
·
2024-01-19 16:42
vue
vue.js
前端
element-ui
上传组件el-upload- 编辑文件回显
上传文件回显文件数组uploadFileList不能使用uploadFileList[0]赋值,无法监听到文件的变化,要使用push等数组方法if(fileUrl){this.$nextTick(()=>{console.log('dsadasds',this.detailItem)this.uploadFileList.push({url:fileUrl,name:fileName})this.
造糖主义
·
2024-01-19 16:42
vue
vue.js
element-ui
的el-upload组件实现上传拖拽排序图片顺序(sortablejs)
importSortablefrom'sortablejs';exportdefault{data(){return{fileList:[]};},mounted(){this.initDragSort();},methods:{//支持拖拽排序initDragSort(){constel=this.$refs.upload.$el.querySelectorAll('.el-upload-lis
一朵野花压海棠
·
2024-01-19 10:47
vue.js
前端
javascript
element-ui
打包流程源码解析(下)
目录目录结构和使用1,npm安装1.1,完整引入1.2,按需引入2,CDN3,国际化接上文:
element-ui
打包流程源码解析(上)文章中提到的【上文】都指它↑目录结构和使用我们从使用方式来分析,为什么要打包成上面的目录结构
下雪天的夏风
·
2024-01-19 09:07
element-ui
前端
elementui
vue.js
组件库
element-ui
打包流程源码解析(上)
目录1,源码整体结构1.1,build目录1.2,examples目录1.3,packages目录1.4,src目录2,打包整体流程2.1,npmrunbuild:file2.1.1,build/bin/iconInit.js2.1.2,build/bin/build-entry.js2.1.3,build/bin/i18n.js2.1.4,build/bin/version.js2.2,buil
下雪天的夏风
·
2024-01-19 09:32
element-ui
前端
elementui
webpack
组件库
vue.js
使用node修改适合
element-ui
地区选择器的数据
需求最近在做关于地区的的选择,使用的是
element-ui
中的el-cascader级联选择器控件,要按照大区->省->市这种关系进行组合,控件需要的内容是:[{value:'zhinan',label
waynian
·
2024-01-19 01:54
element中message只提示一个
message的时候进行判断,如果不存在就赋予实例,如果存在则通过close()关闭新建一个resetMessage.js文件,我放在了utils里面,js中代码如下:import{Message}from'
element-ui
coderfl
·
2024-01-18 21:08
VUE + Element UI 使用Element 中的Icon 图标无法显示
VUE+ElementUI使用Element中的Icon图标无法显示有以下几种情况:1)项目中引入的
element-ui
的版本过低了,低版本的icon中没有代码中需要的图标。
破茧......
·
2024-01-18 14:57
前端
vue
vue.js
element-ui
的el-table里面type=expand无限嵌套和固定列fixed错位与遮挡的问题解决
首先是无限嵌套导致的fixed错位这个是出现问题的示例,这里是table里面嵌套table再嵌套table,但是fixed后的table表格没有获取到第二次嵌套dom,丢失了第二次展开的高度,所以fixed出现在了第一次展开的位置解决错位问题的办法具体问题具体分析,因为我们是第二级表格展开第三级表格出现的问题,所以我们可以绑定二级展开的事件//注意这里只是片段//截选:class="`td_${p
立哥Sole
·
2024-01-18 13:44
vue.js
前端
elementui
Vue基础知识总结 8:Node.js简介
哪吒公众号作者✌、Java架构师奋斗者扫描主页左侧二维码,加入群聊,一起学习、一起进步欢迎点赞收藏⭐留言目录axios一、axios简介二、代码实例1、获取数据2、模拟后台json数据3、html4、控制台输出
element-ui
哪 吒
·
2024-01-18 12:20
spring
vue.js
node.js
Element-UI
踩坑之Pagination组件
先说结论:在改变pageSize时,若当前的currentPage超过了最大有效值,就会修改为最大有效值。一般Pagination组件的声明如下:数据都是异步获取的,所以会定义一个获取数据的方法:getData(){constparams={pageSize:this.pageSize,currentPage:this.currentPage};get(params).then(res=>{if(
xshinei
·
2024-01-18 10:51
VScode搭建
element-ui
环境
新建终端当前虽在文件是vuetask文件夹cdvue01npmrunserver想要退出,ctr+c引入element-UInpmielement-ui-S报错应该是我再shell里选错了,vue3不能和
element-UI
LeeyyG
·
2024-01-18 08:53
vscode
ide
编辑器
关于一些实用的api
:IntersectionObserveApi用法:constob=newIntersectionObserver(()=>{},{threshold:0})作用:监听元素是否显示在当前的视口(
图片懒加载
我的P30
·
2024-01-18 02:20
基于Vue搭建——EL-ADMIN前端(笔记一)
一快速了解1.前言EL-ADMIN基于SpringBoot2.1.0、SpringBootJpa、JWT、SpringSecurity、Redis、Vue、
Element-UI
的前后端分离的后台管理系统
阿航学java
·
2024-01-17 23:33
vue.js
前端
javascript
直接win+r打开命令控制台安装
element-ui
与 在项目目录下安装
element-ui
的区别是什么?
使用Windows运行命令(Win+R)打开命令控制台(通常指的是cmd或PowerShell)并安装
element-ui
与在项目目录下打开命令控制台进行安装的主要区别在于当前工作目录的不同。
小菜0-o
·
2024-01-17 23:03
ui
前端(二)VUE功能集锦
一、引言作者开发工具平台的时候,用到了vue和
element-ui
,这里写一下各种功能使用,有的是绕点弯路,有的是需要结合实现需要自己改写一下。
胖当当技术
·
2024-01-17 15:27
VUE
前端
vue.js
前端
javascript
element-ui
表单验证同时用change与blur一起验证
项目场景:提示:这里简述项目相关背景:当审批时不通过审批意见要必须输入,1:如果用change验证的话删除所有内容时报错是massage的提示,但是在失去焦点的时候报错就成了英文,如下图:2:如果用blur验证的话删除所有内容时报错是massage的提示,但是在失去焦点的时候报错就成了英文,与上面正好相反原因分析:提示:这里填写问题的分析:element本身就只有但对某一种验证生效,如果想两个都用
牧杉-惊蛰
·
2024-01-17 14:40
vue.js
javascript
elementui
html5
前端
Element 自定义指令 下拉分页,获取无限数据
www.cnblogs.com/DL-CODER/p/17528026.html自定义指令loadmore:Vue.directive('loadmore',{bind(el,binding){//获取
element-ui
BTBIG@Mr. Chen
·
2024-01-17 13:11
vue.js
javascript
ecmascript
vue使用
element-ui
的el-input监听不了回车事件(@keyup.enter)解决
问题原因:
element-ui
自身封装了一层input标签之后(el-input),把原来的事件隐藏了,所以如下代码运行是无响应的:解决方法:事件中使用.native修饰符.native修饰符的作用当想要在一个组件的根元素上直接监听一个原生事件
一月清辉
·
2024-01-17 12:38
Vue
element
vue
回车事件失效
@keyup.enter失效
el-input的回车监听事件,回车调用函数(Vue)
在Vue中使用elment-ui的时候,用了el-input,想要添加回车也可以调用方法,添加了@keyup.enter.native最后代码如下:@keyup.enter.native就是
element-ui
普普通通学习不内卷
·
2024-01-17 12:08
Vue
vue
elementui
前端
vue input/el-input监听键盘回车事件[实现回车登录]
el-input中监听键盘事件“回车”和“Tab”//监听tab事件//监听enter事件input监听键盘事件“回车”//使用
element-ui
组件时加.native
舒颜。
·
2024-01-17 12:36
vue.js
javascript
前端
vue 使用
element-ui
的el-input监听不了回车事件
vue使用
element-ui
的el-input监听不了回车事件,原因应该是
element-ui
自身封装了一层input标签之后,把原来的事件隐藏了,所以如下代码运行是无响应的:methods:{keys
风情雨
·
2024-01-17 12:05
vue
elementUI
vue
elementUI
vue中
element-ui
的 el-input 的回车键监听事件的几种方法
(1)@keyup.enter.native绑定监听事件组件:监听事件:submit1:function(event){alert("1.您输入的数据为:"+this.input1+'!')}(2)@keyup.native="show($event)"监听组件:监听事件:show:function(ev){if(ev.keyCode==13){alert("2.您输入的数据为:"+this.in
Lisa_Xiaotouzi
·
2024-01-17 12:02
vue前端
element组件的使用
vue使用
element-ui
的el-input监听不了回车事件解决
vue使用
element-ui
的el-input监听不了回车事件,原因应该是
element-ui
自身封装了一层input标签之后,把原来的事件隐藏了,所以如下代码运行是无响应的:解决方法需要在事件后面加上
dddp75921
·
2024-01-17 12:02
javascript
ui
ViewUI
2019-09-17 vue项目中将
element-ui
table表格写成组件
表格中我们经常需要动态加载数据,如果有多个页面都需要用到表格,那我希望可以有个组件,只传数据过去显示,不用每个页面都去写这么一段内容:查看编辑上面这段代码是一个
element-ui
中tabele表格的形式
半眼鱼
·
2024-01-17 10:41
解决Element UI Form resetFields、clearValidate不起效和不显示验证状态等问题
常见场景表单时所有应用中不可缺少的组件,最近在使用
element-ui
的form组件时,遇到了想都没想到的问题上代码选择账号请输入需要更改密码的邮箱号请输入需要更改密码的手机号账号类型:{{form.type
Space Chars
·
2024-01-17 06:39
FAQ
vue
elementui
Vue CLI(1)——初始Vue-Cli & 创建组件 &
Element-UI
使用
一、初始Vue-CliVueCLI是一个基于Vue.js进行快速开发的完整系统。1、安装全局安装Vue-Clinpminstall-g@vue/cli#或者yarnglobaladd@vue/cli查看版本号vue--version升级npmupdate-g@vue/cli#或者yarnglobalupgrade--latest@vue/cli2、创建项目安装完成后,创建项目。项目名为demovu
一个想读书的人
·
2024-01-17 01:42
Vue改变数据,页面不刷新的问题
最近在用
element-ui
开发一个网站,使用table组件时,发现修改完数据,有时候会延迟一两秒,页面才会发生变化。
C+ 安口木
·
2024-01-16 23:03
Vue
vue.js
前端
javascript
uniapp
图片懒加载
html{{item.choose?'已选':'未选'}}jsonPageScroll(){//滚动事件this.showImg(),延迟时间,立即执行uni.$u.throttle(this.showImg,0,true)},onReady(){letthat=thisuni.getSystemInfo({success(res){that.windowHeight=res.windowHeig
嘿,小苹果
·
2024-01-16 15:52
uni-app
【物以类聚】给el-image预览多张图片增加提示文字,让每张图片有所分类
二、el-image整个项目基于
element-ui
框架,调研后发现el-image组件大体适用,唯一不足的是缺少照片名称元素。第一想法是修改依赖包中的文件,复
追寻上飞
·
2024-01-16 13:33
Vue
#
JavaScript
elementui
el-image
照片
新书速览|Spring Boot+Vue.js企业级管理系统实战
本书主要内容包括:项目技术架构,Vue.js实例和指令,
Element-UI
控
全栈开发圈
·
2024-01-16 11:55
spring
boot
vue.js
后端
vue-manage-system 后台管理系统开发总结
前言vue-manage-system,一个基于Vue.js和
element-ui
的后台管理系统模板,从2016年年底第一个commit,到现在差不多两年了,GitHub上也有了5kstar,也是这些让我有了持续更新的动力
林鑫_
·
2024-01-16 11:18
vue.js
vue
element
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他