Когда я использую форму vue для обычного HTML-тега <input>
, проверка работает. Когда я вместо этого использую <md-input>
, проверка не работает, и я получаю следующую ошибку:
Элемент с v-моделью не найден
Рабочий пример с <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>