过滤输入文本只接受数字和点 vue.js [英] Filter input text only accept number and dot vue.js
本文介绍了过滤输入文本只接受数字和点 vue.js的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个文本框,只想接受数字和句号.".使用 VueJS 时.有人可以帮忙写代码吗?我是 Vue 的新手.
解决方案
您可以编写一个 Vue 方法,并且可以在 keypress 事件上调用该方法.查看这个小提琴.
更新:
添加源代码:
HTML
<input v-model="message" @keypress="isNumber($event)">
Vue.js
var data = {消息:1234.34}var 演示 = 新的 Vue({el: '#demo',数据:数据,方法: {isNumber:函数(evt){evt = (evt) ?evt : window.event;var charCode = (evt.which) ?evt.which : evt.keyCode;if ((charCode > 31 && (charCode < 48 || charCode > 57)) && charCode !== 46) {evt.preventDefault();;} 别的 {返回真;}}}});
I have a text box and only want to accept numbers and a period "." when using VueJS. Can anyone help with code? I'm new to Vue.
解决方案
You can write a Vue method and that method can be called on the keypress event. Check out this fiddle.
Update:
adding source code:
HTML
<div id="demo">
<input v-model="message" @keypress="isNumber($event)">
</div>
Vue.js
var data = {
message: 1234.34
}
var demo = new Vue({
el: '#demo',
data: data,
methods: {
isNumber: function(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if ((charCode > 31 && (charCode < 48 || charCode > 57)) && charCode !== 46) {
evt.preventDefault();;
} else {
return true;
}
}
}
});
这篇关于过滤输入文本只接受数字和点 vue.js的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文