vue-formでvue-materialが機能しない

Question

通常のhtmlの<input>タグでvueフォームを使用すると、validateが機能しています。私は<md-input>を使用する場合 代わり検証は動作しませんし、私は次のエラーを取得：<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> 

が<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.