【问题标题】: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>

【问题讨论】:

    标签: html forms vue.js vuejs2


    【解决方案1】:

    只需像这样提交,它应该可以解决:

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

    希望对您有所帮助!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-05-18
      • 2021-01-28
      • 2015-10-10
      • 2016-09-18
      • 2017-07-03
      • 2020-08-21
      • 1970-01-01
      相关资源
      最近更新 更多