Как остановить событие ввода, если моя проверка не удалась?

Question

Как остановить событие ввода, если моя проверка не удалась?

Я всегда предполагал, что это облегчает добавление дополнительных элементов:

int a[] = {
            5,
            6,
          };

просто становится:

int a[] = { 
            5,
            6,
            7,
          };

в более позднюю дату.

2

vue.js

задан Pankaj 4 March 2019 в 08:30

2 ответа

Другие вопросы по тегам:

vue.js

Похожие вопросы:

score 0 · Answer 1

Просто используйте computed для проверки и null для события @input, когда ввод недействителен.

Например:

<input type="text" v-model="fraction.numerator" @input="numeratorValid ? changeFraction : null"/>

computed: {
  numeratorValid () {
    return Number.isInteger(this.fraction.numerator)
  }
}

score 0 · Answer 2

<template>
  <div class = "fraction">

    <input
      @change = "changeFraction"
      name = "numerator"
      type = "number"
      v-model.number = "fraction.numerator" 
      />

    <input
      @change = "changeFraction"
      name = "denominator"
      type = "number"
      v-model.number = "fraction.denominator" 
    />

  </div>
</template>

<script>
  export default {
    name: 'FractionItem',
    data() {
      return {
        fraction: {
          numerator: '',
          denominator: '',
        },
      };
    },
    methods: {
      changeFraction(e) {
        const el = e.target;
        //need add plus before value, because writting letter in input change data value to string type
        if (!/[0-9]/g.test(+this.fraction[el.name])) {
          e.preventDefault();
        }

        this.$parent.changeFractionInput({
          id: this.id,
          [el.name]: +this.fraction[el.name],
          key: el.name,
        });
      },
    },
  }; 
</script>


<style lang = "scss" scoped></style>