如何在vue.js 2上使用keyup禁用点？

Question

我这样尝试：

<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>

如果执行了代码并且输入了dot（。），它仍然可以

我想禁用点。 因此用户无法输入点

我该怎么做？

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>