如何在 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>

如果代码执行后我输入点号(.)，还是可以的

我想禁用圆点。所以用户不能输入点

我该怎么做？

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>

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

How can I disable dot using keyup on vue.js 2?

javascript

vue.js

vuejs2

vue-component

vuex