vue.js - vue-material 和 vee-validate 一起工作

Question

我试图让 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>

请指教。

Answer 1

您需要在 md-input 上使用 v-validate。并添加 data-vv-name

 <md-input v-model="initial" type="text" v-validate="'required|email'" data-vv-name="email1"></md-input>