vue.js 2でキーアップを使用してドットを無効にするにはどうすればよいですか？

Question

私はこのようにしてみてください：（。）のコードが実行され、I入力ドット場合

<template> 
    ... 
    <input type="number" class="form-control" v-model="quantity" min="1" v-on:keyup="disableDot"> 
    ...       
</template> 
<script> 
    export default{ 
     ... 
     methods:{ 
      disableDot: function(evt) { 
       evt = (evt) ? evt : window.event 
       let charCode = (evt.which) ? evt.which : evt.keyCode 
       if (charCode === 190) { 
        evt.preventDefault() 
       } 
       else { 
        return true; 
       } 
      } 

     } 
    } 
</script> 

、それはまだ

私はドットを無効にすることができます。ユーザーはドットを入力できません

どうすればいいですか？

Answer 1

私はそれが助けになるかもしれませんが、これはあなたの質問のための私の解決策です。あなたはそのための正規表現の検証を使用する必要があります

new Vue({ 
 
    el: '#app', 
 
    data: { 
 
    quantity: '' 
 
    }, 
 
    methods: { 
 
    disableDot (e) { 
 
     if (e.charCode === 46) { 
 
     e.preventDefault() 
 
     } 
 
    } 
 
    } 
 
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.js"></script> 
 

 
<div id="app"> 
 
    <input type="number" v-model="quantity" @keypress="disableDot"/> 
 
</div>