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 form 表单提交后刷新页面的方法
• 解决在Vue中使用axios用form表单出现的问题
• Vue ElementUI之Form表单验证遇到的问题
• axios异步提交表单数据的几种方法
• Vue axios 中提交表单数据(含上传文件)