2017-02-21 46 views
0

Прежде чем я начал использовать Vue, у меня была простая форма, которая обновляла бы значение 1 по запросу 1 столбца @ 1 за раз. Теперь я использую Vue, и моя форма имеет новую «среднюю» кнопку, которая используется для создания массива элементов для отправки 1 запроса для динамического обновления нескольких столбцов.Отправить массив форм с Vue в Laravel

Проблема в том, что запрет на использование по умолчанию включен, мое первоначальное представление формы больше не работает, и мне нужно либо отправить запрос с помощью Vue, либо есть способ повторно активировать действие по умолчанию на кнопке? Это было бы здорово.

<form @submit.prevent="newbutton"> 

// new button 
<button @click="newbutton"></button> 

// original button 
<button @click="submit" :id="{{ $element->id }}></button> // @submit.enableDefault ?? 

ответ

1

Предотвращение - это просто вспомогательный метод на @submit. Чтобы разрешить эту дисперсию, вам нужно будет перевести логику в ваш метод newbutton.

// in template remove prevent 
<form @submit="newbutton" action="/where-this-should-post"> 

// in script move logic to your newbutton method 
methods { 
    newbutton(event) { 
    if (formNotValid) { 
     event.preventDefault() 
    } 
    } 
} 
+0

Интересно! Как вы тестируете формуNotValid? Спасибо за помощь! – Dazzle

+0

Не нужно тестировать формуNotValid, только что запущен event.preventDefault(); в средней кнопке и вынул @ submit.prevent, и он работает почти так, как ожидалось. Проблема теперь связывает данные vue с формой отправки – Dazzle

+1

Это может быть вычисленное свойство, или вы можете создать функцию и вызвать ее. Он будет просматривать все данные в вашей форме и убедиться, что это нормально, чтобы отправить их. – Austio