Несколько форм на странице

Question

Я уже несколько часов занимаюсь исследованиями, и я признаю поражение. У меня есть страница, которая содержит список пользователей и позволяет вам сбросить пароль пользователей. Вы щелкаете кнопкой сброса пользователем, и он вызывает модальный блок с формой сброса пароля.

Я использую Vue.js для проверки формы и отправки ее, используя ajax (vue-resource). Список пользователей и уникальные модальности генерируется Laravel в виде клинка.

Мой вопрос: как мне создать уникальный экземпляр Vue (или что бы я ни делал) для каждой формы на странице?

Мое расследование предполагает использование компонентов, однако я не могу заставить это работать, поэтому не уверен, что это правильно, поскольку у меня все еще будет один и тот же компонент несколько раз на странице? (и каждая форма имеет уникальные данные (идентификатор пользователя)).

Спасибо!

Answer 1

Множество экземпляров компонентов на самом деле являются отправными точками. Если вы генерируете пользователей внутри цикла for, передайте идентификатор пользователя как свойство компонента.

@foreach ($users as $user) 
    <form-component id="{{ $user->id }}"</form-component> 
@endforeach 

var FormComponent = Vue.extend({ 
     template: '<form> \ 
     <input name="user-{{id}}"></input>\ 
     <button>Submit</button> \ 
     </form>', 
    props: ['id'], 
}); 

Passing Data with Props