javascript - 阻止在 vue.js 中输入某些数字

Question

我使用 vue.js 并有一个具有以下逻辑的输入:onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57"它允许仅输入 0 中的数字至9 。在我的 vue data()我有limitMin: 20并希望将其包含在我的输入验证中。所以如果 limitMin: 20 ，那么我希望只能输入 20 以上的数字。

<input
 type="number"
 :min="this.limitMin"
 onkeypress="return (event.charCode == 8 || event.charCode == 0 || event.charCode == 13) ? null : event.charCode >= 48 && event.charCode <= 57">

Answer 1

你可以这样做。

new Vue({
  el: "#app",
  data: {
    inputValue: 1,
    limitMin: 20
  },
  methods: {
    validate: function() {
      if (this.inputValue >= this.limitMin) {
        this.inputValue = this.limitMin;
      }
    }
  }
});

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>

<div id="app">
  <input
    type="number"
    v-model="inputValue"
    @input="validate">
</div>