vue-material и vee-validate работают вместе

Я пытался совместить vue-material и vee-validate, но у меня возникла проблема. См. Эту скрипку

Базовый пример без материала работает, а пример с материальным дизайном - нет.

  <md-field v-validate="'required|email'" name="email1">
    <label>Email</label>
    <md-input v-model="initial" type="text"></md-input>
     <span>{{ errors.first('email1') }}</span>
  </md-field>

Пожалуйста посоветуй.


material-design vue.js vuejs2 vee-validate vue-material
person Tester    schedule 20.06.2018    source источник

Ответы (1)


arrow_upward
2
arrow_downward

Вам нужно использовать v-validate на md-input. И добавьте data-vv-name

 <md-input v-model="initial" type="text" v-validate="'required|email'" data-vv-name="email1"></md-input>
person Aldarund    schedule 20.06.2018
comment
Я пробовал, но все равно не работает. См. Мою скрипку jsfiddle.net/yevx9mp7/1 - person Tester; 21.06.2018