vue实现限制input只能输入中文
input增加参数
@keyup.native="inputChange($event)" @keydown.native="inputChange($event)"
增加方法
inputChange(event) {const val = event.target;val.value = val.value.replace(/[^\u4E00-\u9FA5]/g, '');this.name = val.value;
},
源代码:
<el-input v-model="formValue.supplier.name" @keyup.native="inputChange($event)" @keydown.native="inputChange($event)">
</el-input>
inputChange(event) {const val = event.target;val.value = val.value.replace(/[^\u4E00-\u9FA5]/g, '');this.formValue.supplier.name = val.value;
},
vue实现限制input只能输入中文相关推荐
- vueinput里只能输入数字_大佬们,vue里面 限制input只能输入数字怎么做啊?
可以参考下面的,目前这个是限制,只能输入数字,小数点只保留2位,限制不能输入空格 new Vue({ el: "#app", data: { a: "" }, ...
- Input框设置只能输入中文
场景 设置input框只能输入中文. 效果 实现 <input name="nation" type="text" id="nation&quo ...
- 正则表达式限制VUE input只能输入正整数
正则表达式限制VUE input只能输入正整数 在vue input 输入框的实际应用中,好多地方都需要限制其输入的内容. 正则表达式在我们进行输入是即可对输入内容做一个限制,后期校验也更加方便. 就 ...
- 正则表达式限制文本框只能输入中文或者英文或者数字
只能输入中文:<input id="input1" type="text" οnkeyup="value=value.replace(/[^/u ...
- JS 控制文本框只能输入中文、英文、数字与指定特殊符号(屏蔽表情输入)
onkeyup:释放键盘事件 onpaste:粘贴事件 oncontextmenu :鼠标右击事件 控制这三种事件的输入 οnkeyup="this.value=this.value.rep ...
- java中限制只能为正数_vue 限制input只能输入正数的操作
在某些项目中 input 框只能输入数字,可以用以下办法: 先在标签上绑定上 @input 事件来监听标签的值变化,通过正则来改变输入的值. class="keep_input" ...
- 只能输入中文或者韩文
//* <SCRIPT> function onlychinese() { if ((window.event.keyCode >=32) && (window.ev ...
- 正则表达式只能输入中文
正则表达式只能输入中文并且长度在m-n之间 /^[\一-\龥]{m,n}$/ 例:正则表达式只能输入中文并且长度在2-6之间:(亲测有效) <!DOCTYPE html> <html ...
- vue,原生html—input框输入银行卡4位分开、手机号344分隔
vue,原生html-input框输入银行卡4位分开.手机号344分隔 效果图: 1.uni-app写input框 (注意type类型不能为number,这是一个坑,我理解到-数字框只能输入数字不能显 ...
最新文章
- 微信高级研究员解析深度学习在NLP中的发展和应用 | 公开课笔记
- KS003基于JSP和Servlet实现的商城系统
- 管理神话2:专家只有权这样做
- mysql组合索引与字段顺序
- usb audio -- 异步方式介绍(1)
- Delphi2010正式版的代码格式化及自动完成
- 18年12月英语六级第一套听力单词
- Day505506.图灵学院之面试题① -面经
- Linux 日志切割神器 Logrotate 原理和配置详解(附多生产实例)
- 计算机不断自动重启,电脑不断自动重启怎么办_解决电脑不断自动重启的方法...
- 最容易理解的SVM算法原理
- 利用AD和AUTO CAD制作PCB电路板车间生产工序卡
- 浅析SSRF原理及利用方式
- python scrapy 爬取妹子图的照片
- javafx vbox 居中_JavaFX VBox调整大小
- java tair,Tair 简介
- FPGA实现DDR2的引脚配置
- 数字孪生技术最新八大应用实践方向
- 【许愿贴】写在考研查分前和后
- bzoj 3510 首都