Как на Vue.js проверить input и от него плясать?

Question

[Ришат Султанов]

Как от Vue.JS проверить поле с email в динамике и получать это в js как переменную, дабы потом писать условие?

Answer 1

[alvvi]

https://developer.mozilla.org/en-US/docs/Learn/HTM...

Comments

[Ришат Султанов]

А где тут динамика? Статику отправлять мне не надо. Мне нужно получать переменную в тот момент когда пользователь вводит инфу и она в динамике.

[Ришат Султанов]

Илья Ростопка, В том то и дело. Что это не то что мне надо..

<div id="app-6">
  <p>{{ message }}</p>
  <input v-model="message">
</div>

var app6 = new Vue({
  el: '#app-6',
  data: {
    message: 'Hello Vue!'
  }
})

Если вводить в форму инфу то message динамически меняется. Как отлавливать этот message в js ? Думаю так будет понятнее :)

[alvvi]

Ришат Султанов, я вас понял, сразу не дошло.

Во вью же можно v-on:change сделать? Передайте туда $event.target и валидируйте, потом как-то отражайте в data.

Вот нашел статью на эту тему https://travishorn.com/form-validation-with-vue-js...
Кстати, готовых решений тоже вроде бы полно.

Answer 2

[Alexander]

Следить за изменением нужно? Тогда используй watch для message:

https://ru.vuejs.org/v2/guide/computed.html

Comments

[Ришат Султанов]

Вооо , то что надо :) Пасибо большое :)