vue-form не работает с vue-материалом

Когда я использую форму 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>

person Иван Кожуховский    schedule 25.05.2017    source источник
comment
Если вы используете vuematerial, рассмотрите возможность перехода на quasar. У меня был плохой опыт использования материала vue.   -  person lmarqs    schedule 23.01.2018


Ответы (1)


Вы должны использовать теги md-field и md-input.

person roli roli    schedule 03.03.2018