Vue-Form funktioniert nicht mit Vue-Material

Question

Wenn ich Vue Form auf normalen HTML-Code <input> verwenden, funktioniert validieren. Wenn ich <md-input> statt Validate verwenden funktioniert nicht und ich erhalte den folgenden Fehler:

Element with v-model not found

Arbeitsbeispiel mit <input>

<vue-form :state="formState" @submit.prevent="onSubmit"> 

    <validate> 
    <label>Name</label> 
    <input v-model="model.name" required name="name" /> 

    <field-messages name="name"> 
     <div>Success!</div> 
     <div slot="required">Name is a required field</div> 
    </field-messages> 
    </validate> 

    <button type="submit">Submit</button> 
</vue-form> 

Nicht Beispiel das Arbeiten mit <md-input>

<vue-form :state="formState" @submit.prevent="onSubmit"> 

    <validate> 
    <md-input-container md-inline> 
     <label>Name</label> 
     <md-input v-model="model.name" required name="name"></md-input> 
    </md-input-container> 

    <field-messages name="name"> 
     <div>Success!</div> 
     <div slot="required">Name is a required field</div> 
    </field-messages> 
    </validate> 

    <button type="submit">Submit</button> 
</vue-form> 

Answer 1

You have to use md-field and md-input tags.