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
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
编辑器
基于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
【物以类聚】给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
在vue中,切换页面之后如何关闭定时器
在vue中,使用了
element-ui
的框架,点击左侧切换内部页面。有些页面使用了定时器,在其换到其他页面的时候,希望能够关闭这些定期请求和复杂操作。那么,切换页面之后如何关闭定时器?
微澜-
·
2024-01-16 03:41
日志
vue.js
vue项目 (
element-ui
+ vue-cropper) 创建一个实用的图片尺寸调整 角度调整 图片上传工具
还是先在项目中引入依赖npminstallelement-ui@2--savenpminstallelement-plus--savenpminstallvue-cropper@next--savemain.js参考代码如下import{createApp}from'vue'importAppfrom'./App.vue'importElementPlusfrom'element-plus';im
-耿瑞-
·
2024-01-16 03:55
vue.js
ui
javascript
Vue引入
element-ui
报错:Uncaught TypeError: Cannot read property ‘prototype‘ of undefined
背景使用vue3.0引入
element-ui
第一步npmielement-ui-S第二步在main.js配置如下:importElementUIfrom"
element-ui
";import"element-plus
喝一杯java
·
2024-01-15 19:55
VUE
vue
vue-cli3
【Vue+Element-UI】Table表格:动态Table
实现思路:参考
Element-UI
官方Table表格的写法,对Table进行二次封装。全局使用该组件,方便后期维护。
ǫi:子木ૡ
·
2024-01-15 15:25
#
Web前端
vue
elementui
vue
element-ui
表格动态添加行编辑行删除行
vueelement-ui表格动态添加行编辑行删除行代码展示新增删除提交exportdefault{name:"Index",data(){return{historyForm:{tableData:[{diseaseName:'',drugName:'',dose:'',}]},};},created(){},methods:{addList(){this.historyForm.tableDa
ALSO666
·
2024-01-15 15:20
vue.js
前端
elementui
element-ui
Table组件 去掉全选复选框
最终效果,保留复选框的同时去掉全选复选框需求:只做单选操作,且选中数据需要使用整个Object对象数据。考虑过checked模拟,但是感觉太麻烦(懒)。选择使用table的原因,即便是绑定整个对象只要指定row-key即可保证回填下面是实现代码{{scope.row.date}}切换第二、第三行的选中状态取消选择exportdefault{data(){return{tableData:[{dat
小刘玩前端
·
2024-01-15 10:45
成长笔记
vue.js
javascript
elementui
element-ui
中 el-table 分页多选(记住上一页勾选数据)及编辑回显
element-ui
中el-table分页多选(记住上一页勾选数据)及编辑回显
element-ui
的官网是有属性的el-table-colum的reserve-selection属性el-table的row-key
_格鲁特宝宝
·
2024-01-15 10:11
Vue
Element
UI
Web
FrontEnd
vue.js
elementui
row-key
el-table
分页多选
el-table
分页多选回显
Element-ui
中Table表中el-table-column列数据的布尔值回填
前端使用vue+element-ui,我们经常会使用table来展示从后台请求回来的数据,但是,如果被请求回来数据是Boolean类型的时候,在table的列上,就不能像普通的字符串数据一样,被展示出来,这个时候,我们需要做的就是对布尔值数据进行格式的转化。例如:列“是否为主键”的后台返回值为布尔值‘true’或‘false’,我们要想让其在页面上展示,就用:formatter="formatBo
Gordennizaicunzai
·
2024-01-15 10:41
VUE
Element-UI
中el-tree的使用
check-strictly="true"用于父节点取消了,子节点不影响check-strictly----设置true,可以关闭父子关联
程序猿向前跑
·
2024-01-15 09:21
前端
javascript
vue.js
优雅使用
Element-UI
的 Loading 组件
背景
Element-UI
提供了Loading组件,通过对于这个组件进行一些处理,我们能做到在发送请求的时候进行loading操作实现先写一个loading.js文件:import{Loading}from'
element-ui
最尾一名
·
2024-01-15 02:32
前端导航栏的几种写法
element-UI
的导航栏只适用于电脑端,无法适配手机;bootstrap导航栏不仅可以适配电脑端,还可以在手机屏幕上折叠,兼容性可以,样式可以通过修改自定义样式来改变,但是改变的程度不大,如果要做出丰富的自定义导航栏
zhengxiao111
·
2024-01-14 23:00
导航栏
前端项目初始化步骤
用vue、vue-cli、vuex、
element-ui
、axios、echarts开发后台管理系统建议提前安装配置好node.js、git,同时建议安装最新稳定版本我是使用WebStorm,同时大多数命令也是在
pshawn
·
2024-01-14 18:54
vue、
element-ui
使用el-tooltip判断文本是否溢出
1.需求:需要实现文本单行显示,超出时,使用省略号,划过该文本时使用tooltip显示全部文本。需要考虑数据是由接口动态获取,只有溢出文本鼠标滑过时显示全部文本,没有溢出的则不需要。2.实现:第一步:首先要判断文本是否溢出这里网上可以找到很多方法,我是用scrollWidth去拿到实际文本长度,跟clientWidth文本可视宽度作比较。需要注意的是我遇到了一个问题,即判断文本溢出之前一定要使用单
coinisi_li
·
2024-01-14 17:55
vue.js
javascript
前端
element中el-cascader级联选择器只有最后一级可以多选
文章目录一、前言二、实现2.1、设置`popper-class`和`multiple`2.2、设置样式三、最后一、前言
element-ui
中el-cascader级联选择器只有最后一级可以多选,其它级只有展开子节点的功能
小马甲丫
·
2024-01-14 12:33
#
element
前端
javascript
elementui
el-cascader
vue
element-ui
左侧菜单栏 el-menu属性实现动态菜单
原文网址:https://www.cnblogs.com/wasbg/p/12696303.htmlvueelement-ui左侧菜单栏el-menu属性实现动态菜单基于renren-fast开源项目下边的四个标签使我们常用的,列出来以示区分在中需要--:default-active="this.$route.path"。用来绑定路由表在中需要--router------或者router=true
zZ_d205
·
2024-01-14 06:00
element-ui
自定义el-popover弹出框的样式,以及弹出框的位置(相对于自身来说)
原来的样式自定义样式以后的弹出框popper-class=“area_popper”给弹出框添加类名,设定自定义样式.area_popper{background-color:#3d4451!important;border-radius:6px!important;opacity:0.9!important;font-size:12px!important;color:#ffffff!impor
weixin_49696014
·
2024-01-14 02:49
element-ui
Popper样式更改
.el-tooltip__popper { max-width: 20%;} .block { display: flex; justify-content: space-around;}注意:不要加scope.el-tooltip__popper{max-width:20%;}.block{display:flex;justify-content:space-around;}
每天都开心~
·
2024-01-14 02:18
前端
javascript
css
记录
element-ui
版本不兼容问题导致popconfirm组件线下、线上表现不一致
项目场景:使用elementui+vue开发后台系统时,遇到一个表格操作需求点击进行某个操作,但是这个操作前需要进行确认提醒后才能真正处理,这里使用按钮加确认组件做交互:撤回详情问题描述:以上代码在本地测试没有问题,提交到线上,经过线上打包发布平台发布后,奇怪的问题出现了:点击按钮确认弹框弹出,但是点击确认并无反应,chrome控制台没有发生错误也没有发生网络请求,线下都是正常的。原因分析:看来看
sj206327327206
·
2024-01-14 02:18
Vue
错误记录
利用Less修改
element-ui
组件的样式
利用Less修改
element-ui
组件的样式在vue项目中用的最多的便是嵌套,利用Less嵌套的方法,在全局中划出了一个作用域,这样便能直接修改当前使用的
element-ui
组件样式,且不会破坏全局其他样式
白菜new
·
2024-01-14 02:48
css
less
vue2
element-ui
(el-tooltip el-popover) 里自定义内容
el-tooltipslot="content"插槽显示数据{{item.value}}{{item.value}}{{scope.row['status_display']}}el-popovertrigger="hover"{{item.value}}{{item.value}}{{scope.row['status_display']}}.formatted-text{white-space
qq_45913170
·
2024-01-14 02:48
vue.js
前端
Vue 修改
Element-UI
组件的原生样式
1、问题描述前端使用
Element-UI
组件库,常常会遇到样式不匹配或样式显示异常的情况,但之前每每遇到这种问题,总是想着换一个组件试试,对于原来组件的样式问题就常常不了了之。
Hemist
·
2024-01-14 02:17
前端
vue.js
前端
elementui
vue-element-admin项目打包后,生产环境再chrome浏览器下偶尔存在
element-ui
中的icon乱码
vue-element-admin项目打包后,生产环境再chrome浏览器下偶尔存在
element-ui
中的icon乱码在将vue-element-admin或者vue-element-template
顺拐小乌龟
·
2024-01-14 02:47
vue
vue
乱码
elementui
css
icons
element-ui
如何修改el-popconfirm的样式
改造之前效果改造之后效果代码:.my-popconfirm{width:92%!important;height:130px!important;padding:14px!important;font-size:28px!important;.el-popper{font-size:28px!important;}.el-popconfirm__main{margin:0013px;font-si
大嘴史努比
·
2024-01-14 02:16
ui
javascript
css
Element-ui
Popconfirm气泡确认框的确认及取消事件不生效
给组件绑定@confirm="confirm"时,发现点击确定按钮时,并不能触发confirm事件。实际应该绑定的是onConfirm事件和onCancel事件或者更新element的最新版本
前端小li
·
2024-01-14 02:16
element
elementui
在Vue中使用
element-ui
中el-col、el-row或其他组件绑定@click事件失效问题
在组件标签上,属性@click默认是父传子而非单击事件。解决:添加修饰符.native(给自定义组件标签添加原生事件)——@click.native
悠哉哉sosEki
·
2024-01-14 02:16
html
html5
vue.js
elementui
前端组件库自定义主题切换探索-01-方案借鉴与思路参考
探索原因背景首先自然是项目有需求,这是必须去做的原因其次,是我们项目没有直接使用市面上现成的基于
element-ui
或者ant-design的第三方UI框架,比如avue,而是有着自己的UI组件库第三,
土豆片片
·
2024-01-14 01:27
前端
前端
基于Asp.Net Core + Vue.js 项目实战
前端采用Vue.js,通过
Element-UI
来实现对界面的布局美化和表单的验证功能,其中token存储于LocalStorage中。
CSND-青石
·
2024-01-13 20:14
C#学习
[
element-ui
] 级联选择器el-cascader不触发change事件
el-cascader使用官网的数据是可以的官网数据中最后一级没有children//删除最后一级的childrenchangeKey(arr){for(vari=0;i
533_
·
2024-01-13 15:43
element-ui
前端
【
element-ui
】el-form-item使用v-if导致的问题 , 增加Key
问题:v-if在操作dom时在根节点上进行的删减导致rules判断的时候无法取到v-if添加进来的prop值解决:在el-form-item中添加一个属性key,key的值是唯一的(一般key和prop写一样的内容即可,因为rules里面的东西不能重复定义,所以肯定是唯一的。)参考:给el-form-item,添加key的场景
533_
·
2024-01-13 15:11
element-ui
vue.js
elementui
前端
上一页
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
其他