如何解决模态按钮仅在关闭模态后才执行表单代码
我在项目中使用默认的引导程序模式:
<button type="button" class="buy-btn mb-4" data-toggle="modal" data-target="#exampleModalCenter">
Buy
</button>
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true" data-keyboard="false" data-backdrop="static">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalCenterTitle">Επιβεβαιωση Αγορας</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true" class="total">×</span>
</button>
</div>
<div class="modal-body">
Το συνολικό ποσό των αγορών σας είναι <span class="total">1</span> €. <br />Είστε βέβαιος πως θέλετε να ολοκληρώσετε την αγορά αυτή;
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">NO</button>
<form id="customer_buy_form" method="get" v-on:submit.prevent="buy" data-dismiss="modal">
<input type="submit" class="btn btn-secondary" value="YES">
</form>
</div>
</div>
</div>
</div>
通常,单击“是”按钮时,将提交获取请求并执行一些代码。当我在请求的形式上添加bootstrap data-dismiss =“ modal”时,模态正在关闭,但是代码未执行。因此,我想做的是单击“是”按钮,执行我的一些代码,然后关闭模式。你能帮我吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。