过滤输入文本只接受数字和点 vue.js

Question

我有一个文本框，只想接受数字和句点“。”使用 VueJS 时。任何人都可以帮助编写代码吗？我是 Vue 的新手。

原文由 Muh Ghazali Akbar 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以编写一个 Vue 方法，并且可以在 keypress 事件上调用该方法。看看 这个小提琴。

更新：

添加源代码：

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;
      }
    }
  }
});

原文由 Deendayal Garg 发布，翻译遵循 CC BY-SA 4.0 许可协议