vue 解决form表单提交但不跳转页面的问题

今天小编就为大家分享一篇vue 解决form表单提交但不跳转页面的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

vue使用@submit.prevent=""来设置提交时执行的函数,并阻止页面跳转:

<form action="" method="post" @submit.prevent="sub">

sub函数写在methods内:

methods:{ $.post('http://api.test.ai/visitorinfo/', $('#msgForm').serialize(), function(data){ console.log(data); }) }

以上这篇vue 解决form表单提交但不跳转页面的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/c7ce9cc3e0046391f0ce241f2b46b7b1.html