В хэдери подключен vue и axios
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
Есть форма
<div class="vueApp">
<form id="form" method="POST">
<input type="text" name="name" required="required"/>
<input type="text" name="phone" required="required"/>
<input type="submit" value="Отправить"/>
</form>
<div>
Есть обработчик на PHP
<?
if((isset($_POST['name'])&&$_POST['name']!="")&&(isset($_POST['phone'])&&$_POST['phone']!="")){ //Проверка отправилось ли наше поля name и не пустые ли они
$to = 'r@qsb.su, radvancor@gmail.com'; //Почта получателя, через запятую можно указать сколько угодно адресов
$subject = 'Landing Delonghi EDS'; //Загаловок сообщения
$message = '
<html>
<head>
<title>'.$subject.'</title>
</head>
<body>
<p>Имя: '.$_POST['name'].'</p>
<p>Телефон: '.$_POST['phone'].'</p>
</body>
</html>'; //Текст нащего сообщения можно использовать HTML теги
$headers = "Content-type: text/html; charset=utf-8 \r\n"; //Кодировка письма
$headers .= "From: Отправитель <from@example.com>\r\n"; //Наименование и почта отправителя
mail($to, $subject, $message, $headers); //Отправка письма с помощью функции mail
}
?>
На jQuery я делал отправку так:
$(document).ready(function () {
$("#form").submit(function (e) { //устанавливаем событие отправки для формы с id=form
e.preventDefault()
var form_data = $(this).serialize(); //собераем все данные из формы
$.ajax({
type: 'POST', //Метод отправки
url: 'send.php', //путь до php фаила отправителя
data: form_data,
success: function (data) { // сoбытиe пoслe удaчнoгo oбрaщeния к сeрвeру и пoлучeния oтвeтa
$("#success").fancybox().trigger('click');
}
});
});
});
Подскажите пожалуйста как сделать аналогичную отправку формы на vue?