表单提交按钮在智能手机上不起作用

Posted 2023-02-16

【中文标题】表单提交按钮在智能手机上不起作用

【英文标题】：Form Submit Button not work on Smartphone

【发布时间】：2022-01-18 12:05:22

【问题描述】：

我有一个用 VueJs 开发的应用程序。我有一个联系表格。此表单在不同的浏览器中都能完美运行，但在智能手机或平板电脑上尝试使用此表单时却无法正常工作。

我尝试以两种方式实现它，但问题仍然存在。实施1：

<form @submit.prevent="send_message">
            <form-group>
              <label for="name" class="required">Nome:</label>
              <input
                type="text"
                name="name"
                id="name"
                class="form-control"
                required
                v-model="msg.name"
                placeholder="Seu nome completo"
              />
            </form-group>

            <form-group>
              <label for="email" class="required">E-mail:</label>
              <input
                type="email"
                name="email"
                id="email"
                class="form-control"
                required
                placeholder="Seu e-mail"
                v-model="msg.email"
              />
            </form-group>

            <form-group>
              <label for="subject" class="required">Assunto :</label>
              <input
                type="text"
                name="subject"
                id="subject"
                class="form-control"
                placeholder="Assunto da Mensagem"
                required
                v-model="msg.subject"
              />
            </form-group>

            <form-group>
              <label for="message" class="required">Mensagem:</label>
              <textarea
                name="message"
                id="message"
                class="form-control"
                placeholder="Conteúdo da Mensagem"
                required
                v-model="msg.message"
              />
            </form-group>

            <p><span class="text-danger">*</span>Campos obrigatórios</p>

            <button class="add btn btn-gradient-primary font-weight-bold todo-list-add-btn ml-0 ml-lg-2 mt-2 mt-lg-0" id="add-task">Add</button>  
          </form>

【参考方案1】：

只需像这样提交，它应该可以解决：

    methods: 
        submit: function () 
            // do you submit/code in here
        
    

希望对您有所帮助！