vue 解决form表单提交但不跳转页面的问题
更新时间:2019年10月30日 14:26:27 作者:c小刺猬
今天小编就为大家分享一篇vue 解决form表单提交但不跳转页面的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
vue使用@submit.prevent=""来设置提交时执行的函数,并阻止页面跳转:
<form id="msgForm" action="" method="post" @submit.prevent="sub">
sub函数写在methods内:
methods:{ $.post('http://api.test.ai/visitorinfo/', $('#msgForm').serialize(), function(data){ console.log(data); }) }
以上这篇vue 解决form表单提交但不跳转页面的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】
这篇文章主要介绍了vue使用自定义事件的表单输入组件用法,结合实例形式详细分析了vue.js日期组件与货币组件相关操作技巧及注意事项,需要的朋友可以参考下2020-06-06SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题的解决方法
这篇文章主要介绍了SpringBoot+Vue前后端分离,使用SpringSecurity完美处理权限问题,需要的朋友可以参考下2018-01-01详解如何在Vue3使用<script lang=“ts“ setup>语法糖
本文主要介绍了在Vue3使用<script lang=“ts“ setup>语法糖,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2022-06-06解决ant design vue 表格a-table二次封装,slots渲染的问题
这篇文章主要介绍了解决ant design vue 表格a-table二次封装,slots渲染的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
最新评论