Computed v-model check?

Question

как проверять длина числа которая была введена в input больше 5 тогда выводить что-то в консоль

new Vue({
el: '#app',
data() {
    return {
        test: ''
    }
},
computed() {
    if (test.length >= 5) {
            console.log('more 5')
    }
}

}

Answer 1

Есть два способа это сделать. Это повесить watch на свойство или обращаться к другому computed свойству.

Пример с watch:

data() {
  return {
    text_value: '',
  }
},

watch: {
  text_value(value) {
    if (value.length > 5) {
      console.log('Строка больше пяти символов!');
    }
  }
}

Пример с computed:

data() {
  text_value: '',
},

computed: {
  text_value_length() {
    if (this.text_value.length > 5) {
      console.log('Строка больше пяти символов!');
    }
  }
}

БЛОГ НА HUSL

Computed v-model check?

Ответы (1 шт):