- elementuiPlus取消el-input的边框
qq_39016177
elementui
elementuiPlus取消el-input的边框1.通常取消边框的方法设置border为none2.还有其他类似边框的例如outlinebox-shadow这两个属性都是会产生边框效果3.el-input需要更改的话–如下需要修改box-shadow为空即可上代码:deep(.el-input__wrapper){align-items:center;background-color:#F7F
- Element ui input 限制只能输入数字,且只能有两位小数
我家媳妇儿萌哒哒
elementUIuivue.jsjavascript
%//elementuiinput限制只能输入数字,且只能有两位小数handleInput(value){value=value.replace(/[^\-\d.]/g,"")//将非数字和点以外的字符替换成空.replace(/^\./g,"")//验证第一个字符是数字而不是点.replace(/\.{2,}/g,".")//出现多个点时只保留第一个.replace(/(-)\./g,"$1")
- 更改element-plus 中的 el-cascader 级联选择器字体大小
FOTUO_YouAreMyFaith
element-plusvue.jselementui
更改element-plus中的el-cascader级联选择器字体大小现在要修改el-cascader中的字体大小,但像上面这样写是没用的。我们看下浏览器中的信息。从图上可以看到:font-size:20px本来是要设置到蓝色区域的,但它跑到了el-cascader那里,而再往里则是el-input区域。那…咱就设置一下el-input试试吧。.el-input{font-size:190px;
- vue3背景下,el-input嵌套在弹出框中,自动聚焦“失效”?如何实现自动聚焦
Now?!
vue.jselementui
情景:在一个弹出框中,有一个el-input输入框,想要实现当弹出框出现时,input会自动聚焦。使用input的原生属性autofocus去自动获取焦点失效;使用ref获取el-input元素也显示undefined!!!..............先说结论:使用定时器!!//script标签部分内容constdialogFormVisible=ref(false)//获取到input框cons
- C# 中的常用正则表达式总结
ArmyFai
C#asp.netC#
这是我发了不少时间整理的C#的正则表达式,新手朋友注意一定要手册一下哦,这样可以节省很多写代码的时间,中国自学编程网为新手朋友整理发布。只能输入数字:"^[0-9]*$"。只能输入n位的数字:"^/d{n}$"。只能输入至少n位的数字:"^/d{n,}$"。只能输入m~n位的数字:。"^/d{m,n}$"只能输入零和非零开头的数字:"^(0|[1-9][0-9]*)$"。只能输入有两位小数的正实数
- Vue3组件(18)组件间传值/共享的方法的汇总
自然框架
方法集合父组件.png目前只能想到这些了,对了,还有事件总线这类的就不考虑了。props+emit最基础的方式,适用于父组件和子组件之间的直接传值,多用于基础控件,比如input、el-input、el-select这类。比较基础不多介绍了。Vuex老牌的状态管理方式,各种组件之间各种传值,好吧专业术语叫做状态管理。使用方法呢,其实就是一层窗户纸,捅破了大家就都知道了,这里不介绍了,可以看我的文集
- 解决el-input无法输入的问题和表单验证失败问题
颖儿♡^▽^♡
vueelement-uivue.jsjavascriptelementui
el-input无法输入的问题和表单验证失败问题原因1、el-input组件没有绑定双向响应式数据(v-model)解决方案:在data中定义一个变量,然后在el-input组件中使用v-model进行双向数据绑定,这样子就会解决el-input组件无法输入的问题了。原因2、组件嵌套太深(具体原因不清楚,只知道解决方法)有时,你会发现我们进行了双向数据绑定了,但是el-input还是无法输入,我们
- 让el-input与其他组件能够显示在同一行
蜡笔小新1980
前端篇vue.js前端javascript
让el-input与其他组件能够显示在同一行说明:由于el-input标签使用会默认占满一行,所以在某些需要多个展示一行的时候不适用,因此需要能够跟其他组件显示在同一行。效果:1、el-input标签内使用css属性inline1112222、使用el-row行标签和el-col列标签共同使用,并使用到el-col的span属性(总共一行分为24段,可以自定义一列占多少段)3334441113、利
- vue3+element-plus el-input 自动获取焦点
Hico、
vue.js前端elementui
虽然element有提供input的autofocus属性,但是当我们第二次进入页面就会发现autofocus已经不再生效,需要通过onMounted去触发input的focus解决这个问题。1.先给el-input绑定一个ref:2.定义一个函数去触发这个input的focus:constfocusInput=()=>{nextTick(()=>{inputRef.value.focus()})
- 前端输入框限制只能输入数字和字母
平凡才真
javascriptvue.js开发语言
constaddressReg=/^[a-zA-Z0-9_]$/constaddress=valueif(!addressReg.test(address)){this.formInline.um=address.replace(/[^a-zA-Z0-9_]/g,'')}输入别的输不进去。可以自由搭配需要的限制条件
- 解决el-table列中渲染el-input时输入框默认两行
逐梦的蜗牛
问题描述:el-table的列中多个type=''textarea"的el-input,文本框的值不足一行,当可视区域或者分辨率过低时,造成el-input的高度渲染为了两行的高度。造成此问题的原因是:表格和输入框同步渲染。解决方案:将表格和输入框做异步渲染,表格先渲染,输入框延迟渲染。
- Elementui el-input 实现自定义 v-model
asing1elife
Vue本身支持自定义组件实现v-model,但el-input作为Elementui的自定义组件也已经实现v-model,那么如果在自定义组件中使用el-input,但自定义组件也想实现v-model,应该怎么做?更多精彩更多技术博客,请移步IT人才终生实训与职业进阶平台-实训在线错误的方式Vue中让自定义组件实现v-model可参考Vue自定义v-model但如果按照这种方式想要让以下代码实现v
- elementui自定义form组件校验,解决不触发校验事件
我这里没有啥了
el-form绑定model并添加rules,el-form-item绑定prop属后,默认的el-input或者el-select值变更时候可以通过表单校验rules:{name:[{required:true,message:"必须填写",trigger:"blur"}]}自定义的组件比如图片上传之类不触发,可以通过值变更时候触发上级El-Form-Item校验,吧value传进去即可,如下:
- el-input及uniappinput限制输入并提示
风轻_
javascript开发语言
用if判断小于0的直接设为0通过正则限制只能输入数字或小数点uniappcheckPrice(e){letthat=this;letnum=e.detail.valueif(num>10000){this.indata.count=10000;uni.showToast({title:'最大可兑换10000',icon:'none',duration:1500});}elseif(num<0){t
- Vue + Element UI中表格组件(el-table)里的输入组件(el-input)中按下回车,使光标向右移动
也许明天 '
Vue趟坑记录vue.jsuijavascriptelementui前端
在Vue中使用ElementUI时,要实现在一个表格组件(el-table)里的输入组件(el-input)中按下回车,使光标向右移动。效果Vue2+ElementUIexportdefault{name:'TableData',data(){return{columns:[{label:'日期',prop:'date'},{label:'姓名',prop:'name'},{label:'地址',
- vue自定义全局指令:绑定在el-input上,使输入框自动获取焦点
shawxlee
Vue参考手册【置顶】vuedirective自定义指令elementui
注册全局指令:importVuefrom'vue'//绑定在el-input上,使输入框自动获取焦点Vue.directive('focus',{inserted:function(el){el.querySelector('input').focus()},})在组件上应用指令:
- 【element-ui】输入框组件el-input输入数字/输出Number类型:type=“number“、v-model.number用法
shawxlee
ElementVueHTMLelementui数据类型修饰符前端输入框字符串
输入框组件el-input输入数字/输出Number类型1、基础用法输入:任何文本→输出:String类型2、type="number"输入:仅限数字→输出:String类型3、.number输入:全数字→输出:Number类型输入:其他文本→输出:String类型4、type="number"+.number输入:仅限数字→输出:Number类型
- ElementUI - el-input等组件绑定点击事件
idomyway
ElementUIvueelementuiinputclickv-on
前言vue使用elementUI的input组件时,添加:绑定时间无效解决方法可以使用v-on的修饰符.native
- Vue中实现输入框Input输入限制
zhao_ran
监听输入框变化通过@input监听更新数据,实现只能输入数字,而且可以自行定制限制输入内容此方法可以满足需求,但是无法封装进行批量使用封装全局指令封装input限制输入指令,限制只能输入整数和小数//index.jsconstaddListener=function(el,type,fn){el.addEventListener(type,fn,false)}letenterNumber={bin
- js中常用正则校验
葫芦娃y
前端javascript开发语言ecmascript
一.vue输入框只能输入数字//οninput="value=value.replace(/[^0-9.]/g,'')"二、常用校验/[^\d]/g//数字/^([1-9]\d{1,9}|\d)(.\d{1,2})?$///校验数字小数正数/^\d+\.?\d*$///数字支持小数/^[1-9][0-9]*$///正整数/^([1-9][0-9]*|[0-9])(\.\d)?$///一位以内的小数
- element ui组件 el-input只能数据整数,且设置不能小于0大于10
可爱的秋秋啊
vue.jsjavascriptelementui
10)value=10;if(value第一个属性:type=“number”input的原生属性,标明input框的类型第二个属性:step=“0.5”input的原生属性,type=“number”时生效,标明输入字段的合法数字间隔(假如step=“0.5”,则合法数字应该是-0.5、0、0.5、1,以此类推)第三个属性:min=“0”max=“10”min属性规定输入字段所允许的最小值。ma
- input 框长度限制和只能输入数字保留2位小数
相濡以沫_绅士
vue.jsjavascriptjquery
50)value=value.slice(0,50)"v-model="addData.tenantry":placeholder="$t('common.input')">如果是50长度限制5011)value=value.slice(0,11)"οnkeyup="this.value=this.value.match(/\d+(\.\d{0,2})?/)?this.value.match(/\
- Vue+<el-input>限制输入小数点后两位
冰世紀
前端开发VUE前端vueelementui
前言ElementUI组件绝大时候可以满足我们VUE项目实操中的需求,但总会有意想不到的功能需求需要我们去进行处理,所以记录如何限制小数点后两位功能。内容修饰符的作用输入是使用v-modal.number="value"一开始可以输入任何字符,只有刚开始输入数字才会做出限制。是因为.number修饰符将绑定值转化成number类型,并且只能是整数。功能展示保留小数点后两位只能有一个小数点只能是数字
- 【el-input】限制只能输入两位小数,并且自定义位数,(举例8位)
王世诣
前端VUE前端前端
=999999.99?999999.99:value"size="mini"v-model="scope.row[value]"placeholder="请输入内容":controls="false":maxlength="9">/[^\d.]/g,匹配所有非数字和非小数点的字符,用空字符替换。/.{2,}/g,匹配两个及以上的连续小数点,用一个小数点替换。/./g,匹配所有小数点,替换为特殊占位
- el-input发送消息空格、换行问题
小居居*
项目笔记前端
项目场景:使用input自定义聊天室发送消息问题描述消息中包含多个空格发送后,页面上都解析成了一个空格,ctrl+enter键却发送了消息不换行解决方案:1、解决多个空格渲染成一个:在展示消息列表的页面给消息添加css样式word-wrap:break-word;white-space:pre-wrap;2、解决换行问题:input框添加事件@keydown.enter.native.preven
- el-input,textarea回车键不换行,发送消息
Cool_so_cool
工作中遇到的问题javascript
直接看代码,文本框代码,下面是绑定的事件@keydown.enter="carriageReturn($event)"1,textarea文本框JS代码carriageReturn(event){if(event.keyCode==13){if(!event.metaKey){event.preventDefault();this.changeSendOut();}else{this.textar
- el-input 显示最大长度和已输入内容长度
程序猿小野
vue.jsjavascript前端elementui
效果如下图多行文本框:单行文本框:需要设置maxlength和show-word-limit两个属性,在使用maxlength属性限制最大输入长度的同时,可通过设置show-word-limit属性来展示字数统计。
- C#-TextBox限制文本\Text输入-只能输入数字\大小写字母\计算
WuuBoyang
c#开发语言
限制TextBox输入(KeyPress事件)为TextBox添加输入限制-只允许输入数字-只允许输入大小写英文字母等等(KeyPress事件)注意handled的true和false不要理解反了常用的:判断是否为字母char.IsLetter;判断是否为小写char.IsLower;判断是否为大写char.IsUpper;将小写转化为大写char.ToLower;将大写转化为小写char.ToU
- 哪些是HTML5新增的通用属性,HTML5新增了哪些input类型及其属性?
weixin_39851261
哪些是HTML5新增的通用属性
HTML5新增了哪些input类型及其属性?1、url类型、email、tel类型说明:当输入非url、email的字符串时,浏览器会自动提醒。2、number类型。说明:只能输入数字,min表示数字的最小值,max为最大值,step为点击加减按钮时每次增减的数值。3、range类型(推荐学习:HTML教程)说明:其他属性同number类型一致,step表现为每滑动一步的数值。4、search类型
- 设计模式-策略模式-JS
zhaiweile
设计模式策略模式javascript
策略模式解释:使用策略模式去除大量重复的if-else,将各种逻辑写在不同的对象中,增加逻辑只需要去维护此对象即可。表单校验类策略例子://表单策略模式校验类classStrategy{//策略对象rules={isNumber:function(value){if(/\d+/.test(value)){return"数字验证通过";}else{return"只能输入数字";}},required
- jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque
qiaolevip
每天进步一点点学习永无止境跨域众观千象
XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
- mysql 分区查询优化
annan211
java分区优化mysql
分区查询优化
引入分区可以给查询带来一定的优势,但同时也会引入一些bug.
分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区,通过分区过滤可以让查询扫描更少的数据。
所以,对于访问分区表来说,很重要的一点是要在where 条件中带入分区,让优化器过滤掉无需访问的分区。
可以通过查看explain执行计划,是否携带 partitions
- MYSQL存储过程中使用游标
chicony
Mysql存储过程
DELIMITER $$
DROP PROCEDURE IF EXISTS getUserInfo $$
CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为:getUserInfo-- 参数为:date_day日期格式:2008-03-08-- BEGINdecla
- mysql 和 sqlite 区别
Array_06
sqlite
转载:
http://www.cnblogs.com/ygm900/p/3460663.html
mysql 和 sqlite 区别
SQLITE是单机数据库。功能简约,小型化,追求最大磁盘效率
MYSQL是完善的服务器数据库。功能全面,综合化,追求最大并发效率
MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装,例如网站访问量比较大的。而sq
- pinyin4j使用
oloz
pinyin4j
首先需要pinyin4j的jar包支持;jar包已上传至附件内
方法一:把汉字转换为拼音;例如:编程转换后则为biancheng
/**
* 将汉字转换为全拼
* @param src 你的需要转换的汉字
* @param isUPPERCASE 是否转换为大写的拼音; true:转换为大写;fal
- 微博发送私信
随意而生
微博
在前面文章中说了如和获取登陆时候所需要的cookie,现在只要拿到最后登陆所需要的cookie,然后抓包分析一下微博私信发送界面
http://weibo.com/message/history?uid=****&name=****
可以发现其发送提交的Post请求和其中的数据,
让后用程序模拟发送POST请求中的数据,带着cookie发送到私信的接入口,就可以实现发私信的功能了。
- jsp
香水浓
jsp
JSP初始化
容器载入JSP文件后,它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务,复写jspInit()方法就行了
JSP执行
这一阶段描述了JSP生命周期中一切与请求相关的交互行为,直到被销毁。
当JSP网页完成初始化后
- 在 Windows 上安装 SVN Subversion 服务端
AdyZhang
SVN
在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号
最佳阅读效果请访问原地址:http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx
现在的Subversion已经足够稳定,而且已经进入了它的黄金时段。我们看到大量的项目都在使
- android开发中如何使用 alertDialog从listView中删除数据?
aijuans
android
我现在使用listView展示了很多的配置信息,我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据,( ArrayAdapter ,ArrayList,listView 全部删除),我知道在 下面的onItemLongClick 方法中 参数 arg2 是选中的序号,但是我不知道如何继续处理下去 1 2 3
- jdk-6u26-linux-x64.bin 安装
baalwolf
linux
1.上传安装文件(jdk-6u26-linux-x64.bin)
2.修改权限
[root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin
3.执行安装文件
[root@localhost ~]# cd /usr/local
[root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
- MongoDB经典面试题集锦
BigBird2012
mongodb
1.什么是NoSQL数据库?NoSQL和RDBMS有什么区别?在哪些情况下使用和不使用NoSQL数据库?
NoSQL是非关系型数据库,NoSQL = Not Only SQL。
关系型数据库采用的结构化的数据,NoSQL采用的是键值对的方式存储数据。
在处理非结构化/半结构化的大数据时;在水平方向上进行扩展时;随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。
在考虑数据库的成熟
- JavaScript异步编程Promise模式的6个特性
bijian1013
JavaScriptPromise
Promise是一个非常有价值的构造器,能够帮助你避免使用镶套匿名方法,而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。
在我们开始正式介绍之前,我们想看看Javascript Promise的样子:
var p = new Promise(function(r
- [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager
bit1129
zookeeper
ClientWatchManager接口
//接口的唯一方法materialize用于确定那些Watcher需要被通知
//确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path
public interface ClientWatchManager {
/**
* Return a set of watchers that should
- 【Scala十五】Scala核心九:隐式转换之二
bit1129
scala
隐式转换存在的必要性,
在Java Swing中,按钮点击事件的处理,转换为Scala的的写法如下:
val button = new JButton
button.addActionListener(
new ActionListener {
def actionPerformed(event: ActionEvent) {
- Android JSON数据的解析与封装小Demo
ronin47
转自:http://www.open-open.com/lib/view/open1420529336406.html
package com.example.jsondemo;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
impor
- [设计]字体创意设计方法谈
brotherlamp
UIui自学ui视频ui教程ui资料
从古至今,文字在我们的生活中是必不可少的事物,我们不能想象没有文字的世界将会是怎样。在平面设计中,UI设计师在文字上所花的心思和功夫最多,因为文字能直观地表达UI设计师所的意念。在文字上的创造设计,直接反映出平面作品的主题。
如设计一幅戴尔笔记本电脑的广告海报,假设海报上没有出现“戴尔”两个文字,即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
- 单调队列-用一个长度为k的窗在整数数列上移动,求窗里面所包含的数的最大值
bylijinnan
java算法面试题
import java.util.LinkedList;
/*
单调队列 滑动窗口
单调队列是这样的一个队列:队列里面的元素是有序的,是递增或者递减
题目:给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k.
要求:f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1
问题的另一种描述就
- struts2处理一个form多个submit
chiangfai
struts2
web应用中,为完成不同工作,一个jsp的form标签可能有多个submit。如下代码:
<s:form action="submit" method="post" namespace="/my">
<s:textfield name="msg" label="叙述:">
- shell查找上个月,陷阱及野路子
chenchao051
shell
date -d "-1 month" +%F
以上这段代码,假如在2012/10/31执行,结果并不会出现你预计的9月份,而是会出现八月份,原因是10月份有31天,9月份30天,所以-1 month在10月份看来要减去31天,所以直接到了8月31日这天,这不靠谱。
野路子解决:假设当天日期大于15号
- mysql导出数据中文乱码问题
daizj
mysql中文乱码导数据
解决mysql导入导出数据乱码问题方法:
1、进入mysql,通过如下命令查看数据库编码方式:
mysql> show variables like 'character_set_%';
+--------------------------+----------------------------------------+
| Variable_name&nbs
- SAE部署Smarty出现:Uncaught exception 'SmartyException' with message 'unable to write
dcj3sjt126com
PHPsmartysae
对于SAE出现的问题:Uncaught exception 'SmartyException' with message 'unable to write file...。
官方给出了详细的FAQ:http://sae.sina.com.cn/?m=faqs&catId=11#show_213
解决方案为:
01
$path
- 《教父》系列台词
dcj3sjt126com
Your love is also your weak point.
你的所爱同时也是你的弱点。
If anything in this life is certain, if history has taught us anything, it is
that you can kill anyone.
不顾家的人永远不可能成为一个真正的男人。 &
- mongodb安装与使用
dyy_gusi
mongo
一.MongoDB安装和启动,widndows和linux基本相同
1.下载数据库,
linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz
2.解压文件,并且放置到合适的位置
tar -vxf mongodb-linux-x86_64-ubun
- Git排除目录
geeksun
git
在Git的版本控制中,可能有些文件是不需要加入控制的,那我们在提交代码时就需要忽略这些文件,下面讲讲应该怎么给Git配置一些忽略规则。
有三种方法可以忽略掉这些文件,这三种方法都能达到目的,只不过适用情景不一样。
1. 针对单一工程排除文件
这种方式会让这个工程的所有修改者在克隆代码的同时,也能克隆到过滤规则,而不用自己再写一份,这就能保证所有修改者应用的都是同一
- Ubuntu 创建开机自启动脚本的方法
hongtoushizi
ubuntu
转载自: http://rongjih.blog.163.com/blog/static/33574461201111504843245/
Ubuntu 创建开机自启动脚本的步骤如下:
1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。
2) 设置脚本文件的权限 $ sudo chmod 755
- 第八章 流量复制/AB测试/协程
jinnianshilongnian
nginxluacoroutine
流量复制
在实际开发中经常涉及到项目的升级,而该升级不能简单的上线就完事了,需要验证该升级是否兼容老的上线,因此可能需要并行运行两个项目一段时间进行数据比对和校验,待没问题后再进行上线。这其实就需要进行流量复制,把流量复制到其他服务器上,一种方式是使用如tcpcopy引流;另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
- 电商系统商品表设计
lkl
DROP TABLE IF EXISTS `category`; -- 类目表
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `category` (
`id` int(11) NOT NUL
- 修改phpMyAdmin导入SQL文件的大小限制
pda158
sqlmysql
用phpMyAdmin导入mysql数据库时,我的10M的
数据库不能导入,提示mysql数据库最大只能导入2M。
phpMyAdmin数据库导入出错: You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
- Tomcat性能调优方案
Sobfist
apachejvmtomcat应用服务器
一、操作系统调优
对于操作系统优化来说,是尽可能的增大可使用的内存容量、提高CPU的频率,保证文件系统的读写速率等。经过压力测试验证,在并发连接很多的情况下,CPU的处理能力越强,系统运行速度越快。。
【适用场景】 任何项目。
二、Java虚拟机调优
应该选择SUN的JVM,在满足项目需要的前提下,尽量选用版本较高的JVM,一般来说高版本产品在速度和效率上比低版本会有改进。
J
- SQLServer学习笔记
vipbooks
数据结构xml
1、create database school 创建数据库school
2、drop database school 删除数据库school
3、use school 连接到school数据库,使其成为当前数据库
4、create table class(classID int primary key identity not null)
创建一个名为class的表,其有一