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
el-input
<
el-input
> textarea文本域显示滚动条(超过高度就自动显示)+ <
el-input
>不能正常输入,输入了也不能删除的问题
需求:首先是给定高度,输入文本框要自适应这个高度。文本超出高度就会显示滚动条否则不显示。天气.multi-rmk-col>>>.el-form-item__content,.multi-rmk-col>>>.el-textarea__inner{height:100%!important;}::-webkit-scrollbar{width:6px;/*滚动条宽度*/height:6px;/*滚动
Rrar
·
2023-10-07 18:53
vue.js
javascript
前端
element-plus 取消
el-input
输入框的背景色
.el-input__inner:-webkit-autofill,.el-input__inner:-webkit-autofill:hover,.el-input__inner:-webkit-autofill:focus,.el-input__inner:-webkit-autofill:active{-webkit-transition-delay:99999s;-webkit-trans
打盹的小pig
·
2023-10-07 17:44
CSS
vue.js
前端
javascript
input及vue
el-input
限制只能输入正整数
活泼lee
·
2023-10-05 03:50
el-input
无法输入
将model和ref分别设置为不同的名称el-form中的model属性是用于双向绑定表单数据的,它会自动收集内部所有表单项的value进行绑定。ref属性是用于获取el-form组件实例的引用的。如果两个属性名称相同,在内部会导致逻辑混乱。因为:model的改变会更改组件实例上的同名属性的值,使ref引用变成model的值而不是组件实例。如果修改了ref的值,也会反过来改变model,产生副作用
liuxiaochang_2011
·
2023-09-29 16:52
vue.js
elementui
javascript
el-input-number/
el-input
实现实时输入数字转换千分位(失焦时展示千分位)
el-input-number/
el-input
实现实时输入数字转换千分位(失焦时展示千分位)我把封装指令的代码放在了main.js,代码如下//金额展示千分位Vue.directive("thousands
youyu-youyu
·
2023-09-28 17:16
前端VUE
vue.js
前端
javascript
vue 自定义指令input 只能输入正整数
创建文件(自定义指令的文件)importVuefrom'vue'//针对
el-input
做的限制,只能输入正整数Vue.directive('Int',{bind:function(el){constinput
мо仙堡杠把子ご灬
·
2023-09-25 17:16
vue
vue
自定义指令
做一个有知识的流氓
Vue前端开发中的输入限制与输入规则探究
本文将介绍如何使用Vue的
el-input
组件来实现输入限制和输入规则,并提供相应的代码示例。一、输入限制最大长度限制我们可以使用maxlength属性来限制输入框中的字符数。
爱划水de鲸鱼哥~
·
2023-09-24 05:39
vue.js
javascript
ecmascript
el-input
获取输入框光标位置
今天接到需求,输入框在正常输入的同时,可以通过点击其他按钮在输入框光标位置添加内容。那么这时候就需要去获取输入框的光标内容,由于在点击其他按钮时,输入框会自动触发失焦事件。因此在blur的时候去触发方法即可然后在方法中传递一个参数,即可获取到数据源formulaBlur(val){this.blurIndex=val.srcElement.selectionStart},blurIndex就是在输
发际线就是实力
·
2023-09-24 00:57
vue.js
前端
javascript
vue一直自动换行问题解决
html换行主要是由于标签引起的,而vue的一些前端组件本身就会自带,比如
el-input
的标签拆分出来之后就形成了如下的内容因此之前我采用这种采用比分比定义的方式会造成网页自动换行的问题出现,这里我采用
唐僧爱吃唐僧肉
·
2023-09-21 18:41
前端学习笔记
vue.js
前端
javascript
从ElementUI的
el-input
出现双x说vue的provide/inject
一、现象
el-input
的双删除图标现象,如图:双删除elinput.png上图的组件是根据业务需要封装的,简单的搜索图标内置,原生的也有这个现象;二、原因
el-input
组件设置clearable,封装成独立组件
果酱风
·
2023-09-20 17:55
限制
el-input
输入框的内容(1)不能输特殊字符(2)只能输纯数字(3)校验IP地址(4)校验经纬度
1.限制
el-input
不能输入特殊字符,不能超过15字符form.name=validSe(e)"maxlength="15"placeholder="请输入名称">importVuefrom"vue
江上晚风吟_
·
2023-09-20 17:57
javascript
vue.js
html
input输入限制
input的限制只能输入数字的小需求:在日常项目开发过程中,我们经常会用到ElementUI这个组件库,其中的
el-input
组件并没有对数字的进行限制的功能,特别是有的项目中需要限制只能填写数字,不能为负数
公诚士
·
2023-09-20 08:03
vue.js
elementui
javascript
el-input
只能输入数字的方式
这种方式弱爆了。虽然在输入字符的时候被空格代替了,但是传值的时候会发现,依然会带上最后输入的一个字符。οnkeyup="value=value.replace(/[^\d]/g,'')"这种才可以。完全不能输入非数字。oninput="value=value.replace(/^\.+|[^\d.]/g,'')"
十里春分
·
2023-09-20 01:36
elementui
el-input
输入正数、负数和后3位小数
//JS能够输入1、1.0、1.00、1.000,-1等等consteditInput=(value:any,name:string)=>{data.PCSParamMsg[name]=(""+value)//第一步:转成字符串.replace(/[^\-\d.]/g,"")//第二步:把不是数字,不是小数点不是负号的过滤掉.replace(/^0+(\d)/,"$1")//第三步:第一位0开头,
不爱吃饭爱吃菜
·
2023-09-19 17:08
javascript
vue.js
elementui
2022-06-07
el-input
里面写入html不显示,没效果,给标签添加:slot="suffix"就可以啦例:
奶茶和亮亮
·
2023-09-19 09:58
element plus封装el-select添加后缀图标并添加远程搜索和对话框功能
当提交的表单Form需要填某个实体的外键ID时,当然不可能使用
el-input
组件,这个适合提交字符串,然后用户又不可能记住某个引用的外键ID,这时候使用el-select还是必要的。
晓风残月淡
·
2023-09-18 21:04
前端技术
vue.js
javascript
前端
element ui -
el-input
实现点击插入关键词功能
elementui-el-input实现点击插入关键词功能前言功能描述:效果:在这里插入图片描述思路代码总结前言功能描述:
el-input
文本框,通过点击下方关键词,在文本框中插入该词;光标移动到文本之间
nunumaymax
·
2023-09-18 21:26
element-ui
前端
elementui
el-input
有时候添加不了有时候删不了
有些情况下在
el-input
是无法输入的,绑定的值动也动不了,删也删不掉,改也改不了可能是以下原因导致1.可能没更新,使用forceUpdate强制刷新change(){this.
大大。
·
2023-09-18 18:38
element相关
vue.js
javascript
前端
在vue中使用element的el-table和表单元素
el-input
或el-radio时失效的问题解决办法(已解决)
el-table嵌套表单元素时,表单元素失效,也就是输入和点击无效时,是因为数据更新失效、试图更新失效。原因可能是因为加入了新的对象属性,或者数据层级太深,官网有提到前面的情况,新加入的对象属性变更不会带来试图更新。解决办法就是在表单元素上加入change方法:是否在vue的methods里面做处理:chg(i,r){this.$set(this.curcustomers,i,r)},这样就OK了
玩代码的老秦
·
2023-09-17 09:39
vue.js
elementui
element
el-input
二次封装
说明:为实现输入限制,不可输入空格,长度限制。inputView.vueexportdefault{props:{type:{type:String,default:"text",},value:{type:[String,Number],default(){return"";},},maxlength:{type:Number,default:30,},placeholder:{type:Str
我有一棵向日葵
·
2023-09-16 19:11
vue.js
javascript
前端
2021-06-29 Vue 第三方组件的二次封装
封装第三方组件需要自定义组件MyInput,透传
el-input
的所有事件和方法Http://.comimport{Component,Vue,Ref}from"vue-property-decorator
FConfidence
·
2023-09-16 07:11
el-input
只能输入正整数
chendawen2014
·
2023-09-15 22:33
javascript
前端
开发语言
【ElementUI】el-table可编辑/输入框 卡顿性能问题解决案
目录问题背景原因分析解决思路样例代码页面效果方案的优缺点问题背景用el-table配合
el-input
直接渲染可编辑行,在数据量大的情况下,会出现输入卡顿的问题。
九幡
·
2023-09-15 06:06
ElementUI
vue.js
elementui
javascript
结合
el-input
、el-select实现纯前端过滤树形el-table数据
样式图示1.搜索实现方法constsearchBtn=async()=>{//获取table列表数据接口constres=awaitApi.menuList({paging:false})if(res.code===200){//把树形结构转成扁平结构letresult=treeToArray(res.data)//处理搜索框中数据进行table显示项过滤if(commonData.searchP
咸蛋超人l
·
2023-09-14 22:08
前端
vue.js
javascript
element-ui控件
el-input
中前面添加icon图标
在
el-input
中可以通过prefix-icon(首部)和suffix-icon(尾部)属性在input组件增加显示图标,也可以通过slot来放置图标。
xiaoming4965
·
2023-09-13 22:50
前端
vue.js
elementui
前端
el-input
使用鼠标事件mouseover和mouseleave
俊哥哥来也
·
2023-09-13 19:09
前端
vue.js
html
javascript
vue3+element-plus el-form表单组件二次封装(vue3+ts项目)TForm组件新增继承 Element-plus 组件的事件使用及
el-input
去除前后空格
2023-03-06TForm组件新增继承Element-plus组件的事件使用及
el-input
去除前后空格(type=password除外)一、简介HTML一行代码,可实现表单输入框/日期选择/下拉选择
wocwin
·
2023-09-12 13:26
vue3.2+ts
element-plus
vitepress
vue3
form表单组件封装
typescript
表单组件
el-input
系列(
el-input
、el-select等)palceholder 的样式设置
el-input
系列所有带有palceholder的,修改palceholder的样式。。。。。
小湾生产队队长
·
2023-09-12 06:26
Element-UI
vue 深拷贝数据以后导致 页面卡顿
问题描述我出现的问题是这样的:我把列表的对象数据dataObj,使用data=JSON.parse(JSON.stringify(dataObj))深拷贝以后,把data作为props传递给子组件,然后子组件使用
el-input
我家空空
·
2023-09-12 00:56
vue.js
前端
javascript
vue+element-ui
el-input
验证手机号 / 身份证
el-input
验证手机号htmljsedit:{phone:""},rules:{phone:[{required:true,message:"请输入联系方式",trigger:"blur"},{min
Colesyn L.
·
2023-09-11 18:34
vue
elementui
js
el-input
首尾不能为空格的校验
我们在使用input输入框时,大多不希望用户在前后输入空格,有没有简单的校验方法呢,当然是有的。exportdefault{data(){return{form:{name:''},rules:{name:[{required:true,message:'请输入活动名称',trigger:'blur'},{pattern:/^(?!\s+).*(?效果如下:
公孙元二
·
2023-09-11 18:33
el-input
关于输入框按回车自动刷新页面的4个解决方案
现象:
el-input
在绑定@keypress.enter.native后,第一次回车时会刷新页面,后面在回车就不会了。
布拉格的爱
·
2023-09-11 13:56
前端-JQuery
elementUi中el-form中
el-input
的回车事件触发页面自刷新
当表单中只有一个
el-input
输入框时,input的回车事件触发了表单的提交事件导致页面自刷新需在el-form标签添加属性@submit.native.prevent阻止触发提交事件
CJL草木一秋
·
2023-09-11 13:26
js
elui
elementui
前端
vue.js
el-form里只有一个
el-input
回车刷新页面问题
使用情况form表单中只有一个输入框,在输入框中按下回车就是提交该表单,且会刷新页面。阻止这一默认行为,可以在标签上添加@submit.native.prevent。搜索条件只有一个输入框时,如果使用了@keyup.enter.native=“事件”原始键盘回车事件来触发搜索操作,会对整个页面都进行刷新,想让页面不刷新,可使用@submit.native.prevent阻止原始提交事件@submi
```随风而行```
·
2023-09-11 13:55
vue
elementui
js
解决el-form的
el-input
输入框按回车页面刷新问题
1、问题:当页面只有一个输入框时,获取焦点时,点击回车整个页面被刷新了上面的结构是正常的,但是当输入框获取焦点,并回车后。整个页面都被刷新了,这并不是我们希望的。2、问题根源Element-ui->>查看element-ui官网我可以发现以下这段话,W3C标准中有如下规定:Whenthereisonlyonesingle-linetextinputfieldinaform,theuseragent
GuMoYu
·
2023-09-11 13:55
element-ui相关问题
前端
javascript
elementui
关于el-form中的
el-input
回车自动刷新页面
上传代码回车执行handleSearch方法的时候会自动刷新页面解决办法:1.如果el-form-item里面包含了两个及以上表单元素,回车事件就不会自动刷新,可以给其中一个input设置display:none属性2.给el-form的设置@submit.native.prevent="returnfalse;"方法
茶荼
·
2023-09-11 13:22
vue.js
elementui
javascript
vue3 el-form中只有一个表单时,按回车键刷新页面
如果需要回车查询数据,给
el-input
加@keyup.enter.native="queryInfo"属性,其中queryInfo是查询数据的函数。
流水飘香
·
2023-09-10 12:00
遇到的坑
vue.js
javascript
前端
vue elmentUI
el-input
自动聚焦
场景:双击标题可修改标题,失焦进行标题保存实现:因为input页面初始化的时候是隐藏的,设置autofocus失效,最终利用自定义指令实现功能{{name}}name:'home',data(){return{name:"标题",showEditName:false,tpEditName:''}}methods:{tpEdit(){this.showEditName=truethis.tpEdit
小纸人儿
·
2023-09-10 01:44
elementUI <
el-input
>输入框只能输入正整数
html代码js代码changeInput(str){varpattern=/^[1-9][0-9]*$///正整数的正则表达式//不符合正整数时if(!pattern.test(this.addForm.count)){//input框绑定的内容非数字的全部置为空this.addForm[str]=this.addForm.count.replace(/[^\d]/g,'')}}
betterHongXia
·
2023-09-09 21:43
【常用代码14】
el-input
输入框内判断正则,只能输入数字,过滤汉字+字母。
问题描述:
el-input
输入框,只能输入数字,但是不能显示输入框最右边的上下箭头,解决方法提示:这里描述在输入框中用正则验证正则表达式:/^\d*$/直接写在
el-input
标签中oninput="value
阿民不加班
·
2023-09-09 04:48
各种常用但是容易忘记代码
vue.js
javascript
ecmascript
element-ui
el-input
验证只能输入数字和小数点
要在ElementUI的
el-input
组件中使用正则表达式验证只能输入数字和小数点,可以通过监听@input事件,在事件处理函数中使用正则表达式进行验证。示例如下:</
程序员海军
·
2023-09-08 03:26
Vue开发实战总结
开发日常踩坑日记
vue.js
前端
javascript
Element UI 中
el-input
标签去掉边框、背景透明的一种办法
/deep/.el-input__inner{border:none;background-color:rgba(255,255,255,0);}
Missmiaomiao
·
2023-09-07 01:05
vue.js
elementui
javascript
el-input
正则限制
el-input
限制只能输入1-9且只保留一位小数return{rules:{deductionPrice:[{required:true,message:'请输入折扣力度',trigger:'blur
性野喜悲
·
2023-09-06 16:19
vue.js
javascript
前端
vue3 样式穿透:deep不生效
初学vue3,今天需要修改
el-input
组件的属性(去掉border和文字居右)网上搜了一下,大致都是采用:deep样式穿透来修改
el-input
的属性.input-container:deep(.el-input
mldxs
·
2023-09-05 17:26
vue.js
javascript
elementui
vue
关于
el-input
和el-select宽度不一致问题解决
这种情况其实是el-select比
el-input
多了一个下箭头的icon导致的解决方案1:给input加上一个空的icon即可,如下:效果如下:解决方案2:使用flex布局,为每个el-f
jieyucx
·
2023-09-05 09:03
菜鸟的踩坑之旅
vue.js
前端
javascript
el-date-picker 两个日期范围选择样式
important;.
el-input
{width:130px;}}}.default/deep/.el-form-item__content{display:flex;.line{padding:05px
kxmdjqq
·
2023-09-05 06:51
vue.js
javascript
前端
Element UI 的
el-input
同时绑定@keyup.enter.native和@blur造成两次提交
问题:
el-input
框同时绑定键盘事件和blur事件,造成两次提交Before:keyup事件触发后,blur同样会被触发,造成两次提交handleInputConfirm方法。
煎鸡蛋的梦_
·
2023-09-04 10:32
el-form的
el-input
输入框按回车页面刷新问题
1、问题:当页面只有一个输入框时,获取焦点时,点击回车整个页面被刷新了上面的结构是正常的,但是当输入框获取焦点,并回车后。整个页面都被刷新了,这并不是我们希望的。2、问题根源Element-ui->>查看element-ui官网我可以发现以下这段话,W3C标准中有如下规定:Whenthereisonlyonesingle-linetextinputfieldinaform,theuseragent
刘其瑞
·
2023-09-03 19:44
el-input
使用正则解决限制11位整数和6位小数
效果:整数部分可以输入1-11位,但是不可以继续输入整数,可以继续输入小数,小数则限制6位,超过6位不可继续输入代码:methods:{handleNumber(val){this.number=val.replace(/^(\d{15})\d+|((\.\d{6})\d+)$/g,"$1$3");},}
呈两面包夹芝士
·
2023-09-02 10:54
前端
给
el-input
type=“number“的文本框设置默认值
文本框 jsreturn { ruleForm: { voteLimitNum: 1, //给同一选手投票数 },}方法mounted(){this.$set(this.ruleForm,"voteLimitNum","1")//this.ruleForm.voteLimitNum=1;//用这种方式设置的值没办法改变},
性野喜悲
·
2023-09-02 06:40
vue
html+css
经验分享
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
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
其他