javascript - 通过模板字符串 PHP 和 VueJS CDN 表单

Question

我使用 VueJS CDN 制作了一个 Web 应用程序，我没有使用 CLI。在这个应用程序中，我创建了一个联系表单，它被插入到模板字符串中，如下所示：

const Contato = {
            template: `<!-- contact-form-box start -->
            <section class="contact-form-box flex-min-height-box" style="background-image:url(assets/images/backgrounds/pexels-photo-1287145.jpeg)">
                <div class="bg-overlay"></div>
                <!-- flex-min-height-inner start -->
                <div class="flex-min-height-inner">
                    <!-- contact-form-container start -->
                    <div class="contact-form-container">
                        <!-- container start -->
                        <div class="container small top-bottom-padding-100 form-box">
                            <h4 class="small-title-oswald text-color-4 text-center">Envie sua mensagem por aqui!</h4>
                            <!-- flex-container start -->
                            <form action="/contato.php" class="flex-container top-padding-90" method="post" name="formobrsv" id="send_form">
                                
                                <!-- column start -->
                                <div class="four-columns">
                                    <div class="content-right-margin-10 input-box">
                                        <input type="text" name="first_name" v-model="first_name" id="first_name" required class="form-input pointer-small">
                                        <label for="first_name" class="form-label">Primeiro nome</label>
                                    </div>
                                </div><!-- column end -->
                                <!-- column start -->
                                <div class="four-columns">
                                    <div class="content-left-right-margin-5 input-box">
                                        <input type="text" name="last_name" id="last_name" required class="form-input pointer-small">
                                        <label for="last_name" class="form-label">Ultimo nome</label>
                                    </div>
                                </div><!-- column end -->
                                <!-- column start -->
                                <div class="four-columns">
                                    <div class="content-left-margin-10 input-box">
                                        <input type="email" name="email" id="email" required class="form-input pointer-small">
                                        <label for="email" class="form-label email-label">Email</label>
                                    </div>
                                </div><!-- column end -->
                                <!-- column start -->
                                <div class="twelve-columns input-box message-input">
                                    <textarea name="message" id="message" required class="form-input pointer-small"></textarea>
                                    <label for="message" class="form-label">Mensagem</label>
                                </div><!-- column end -->
                                <!-- column start -->
                                
                                <div class="twelve-columns text-center top-padding-90">
                                
                                    <button type="submit" name="BTenvia" class="border-btn-box pointer-large">
                                        
                                            <span class="border-btn"  data-text="enviar">enviar</span>
                                         
                                        </span>
                                    </button>
                                </div><!-- column end -->
                            </form><!-- flex-container end -->
                        </div><!-- container end -->`
        }

所以我创建了一个名为 contato.php 的页面，我尝试在其中对电子邮件进行发送过程，但它没有发生。我点击提交按钮，没有任何反应，发生了什么？我该怎么做？

<?php

if(isset($_POST['BTenvia'])) {

    
    $primeiro_nome = $_REQUEST['first_name'];
    $segundo_nome = $_REQUEST['last_name'];
    $email = $_REQUEST ['email'];
    $mensagem = $_REQUEST['message'];

    $email_remetente = "[e-mail]";

    $email_destinatario = "[e-mail]";
    $email_reply = "$email";
    $email_assunto = "Contato pelo Site";

    $email_conteudo = "Nome: $primeiro_nome \n";
    $email_conteudo .= "Telefone: $segundo_nome \n";
    $email_conteudo .= "Email: $email \n";
    $email_conteudo .= "Mensagem: $mensagem \n";

    $email_headers = implode ( "\n",array ( "From: $email_remetente", "Reply-To: $email_reply", "Return-Path: $email_remetente","MIME-Version: 1.0","X-Priority: 3","Content-Type: text/html; charset=UTF-8" ) );

    if (mail ($email_destinatario, $email_assunto, nl2br($email_conteudo), $email_headers)){ 
        echo "</b>E-Mail enviado com sucesso!</b>"; 
        } 
        else{ 
        echo "</b>Falha no envio do E-Mail!</b>"; } 
}


?>

标签： javascriptphphtmlvue.js