vue限制只能输入数字_vue的input中，如何限制只能输入number
本来想用watch观察v-model的值，一旦不是数字，就让新值等于旧值，后来发现不行。h5的type=”number”属性在手机上无效。有什么比较好的方法吗
<input v-model="num">
type=”tel”的作用是直接弹出数字键盘吧，这样好像也不错
不是推荐用computed么？
<div id="demo">
<input v-model="inpNum"/>
<p>
{{inpNum}}
</p>
</div>
new Vue({
el:'#demo',
data:{
oldNum:0
},
computed:{
inpNum:{
get:function(){
return this.oldNum;
},
set:function(newValue){
this.oldNum=newValue.replace(/[^\d]/g,'');
}
}
}
})
不过如果你说的是在输入过程中就改。。。那样用户体验未免有点。。。。
<input v-model.number="age" type="number">
实现思路：就是不要用 v-model, 然后自己监测值的变化，在监测事件中进行值的判断。
参考： http://jsbin.com/nabafidapu/1…
如果是在移动端的话，可以这么做：
<input type="text" pattern="[0-9]*">
<input type="tel">
//<input v-model="num" v-number-only />
Vue.directive('numberOnly', {
bind: function () {
this.handler = function () {
this.el.value = this.el.value.replace(/\D+/, '')
}.bind(this)
this.el.addEventListener('input', this.handler)
},
unbind: function () {
this.el.removeEventListener('input', this.handler)
}
})
input type=”tel”
vue限制只能输入数字_vue的input中，如何限制只能输入number相关推荐
- vue限制只能输入数字_vue+element 中 el-input框 限制只能输入数字及一位小数
仅个人经验,希望能帮到有需要的人. 第一次写 就话不多说了直接上代码. // 只能输入数字且只有一位小数 proving(e) { // this.form.skus[e].Price 是input的 ...
- js 只准输入数字_js验证如何限制文本框只能输入数字
展开全部 js限制文本框只能输入数字方法,有时需要限制文本框输入内容的类型,正则e68a8462616964757a686964616f31333366306462表达式限制文本框只能输入数字.小数点 ...
- C语言练习题，编写程序实现以下功能。从键盘输入一个整数，若输入数字0,则屏幕显示：“Sunday“；若输入数字1，则屏幕显示：“Monday“；若输入数字2，则屏幕显示：“Tuesday“；若输入数字
编写程序实现以下功能.从键盘输入一个整数,若输入数字0,则屏幕显示:"Sunday":若输入数字1,则屏幕显示:"Monday":若输入数字2,则屏幕显示:&q ...
- java中限制只能为正数_vue 限制input只能输入正数的操作
在某些项目中 input 框只能输入数字,可以用以下办法: 先在标签上绑定上 @input 事件来监听标签的值变化,通过正则来改变输入的值. class="keep_input" ...
- element input 只能输入数字_Python之input()函数
input()函数包含四个方面:input()函数的使用/结果的赋值/数据类型/结果的强制转换.是实现人机互动沟通的关键,需要在终端出输入信息.我们可以把input()函数当作一扇链接现实世界与代码世 ...
- js 只准输入数字_js 限制input只能输入数字
onKeyUp="this.value=this.value.replace(/[^\.\d]/g,'');if(this.value.split('.').length>2){thi ...
- java 文本框只能输入数字_java swing 怎么设置文本框只能输入数字
展开全部 java swing中利用JFormattedTextField的控件加keyReleased能实现,以下实现的只能输入数字的62616964757a686964616fe58685e5ae ...
- html文本框只能输入数字和字母,JS限制文本框只能输入数字和字母方法
限制只能输入数字 代码如下: // 限制只能输入数字 // demo: $(".onlyNum").onlyNum(); 限制使用了onlyNum类样式的控件只能输入数字 // / ...
- java 文本框只能输入数字_java 24 - 6 GUI之 创建只能输入数字的文本框
需求: 创建一个含有标签和文本框的窗体,其中文本框只能输入数字 步骤:(大致上) 创建窗体对象 创建标签对象 创建文本框对象 把组件添加到窗体中 设置标签的监听事件,对键盘按下的数据进行监听 设置窗体 ...
最新文章
- JoVE微生物组专刊征稿，写方法拍视频教程发SCI
- java linux urlencode_iOS urlEncode编码解码(非过时方法，已解决)
- 【转】VC MFC 如何删除文件，目录，文件夹
- Python算法(含源代码下载)
- 吴恩达深度学习——机器学习策略(二)
- Idea快捷键大全（Windows）
- C# 格式化json移除空值，参数按照第一个字符的键值 ASCII 码递增排序（SM2签名）
- 如何将图片转成Excel表格
- 微擎模块-微信门禁小区物业版(微信开门)
- stata基本操作（一）
- 随手笔记（九）———类型装换技巧
- WUST 五一萌新向CTF writup
- RabbitMQ-2-工作模式及参数配置
- 包子笔记 - 三知道原则
- 春招秋招忆---远景智能笔试
- 记录一个屏幕适配的方案。
- qcc514x-qcc304x调试笔记-如何区分左右耳
- Matlab中米粒图像处理，米粒个数和大小计算
- 美国服务器租用和托管服务哪个好?
- 云计算大数据：ELK技术栈介绍