vue 解决form表单提交但不跳转页面的问题
(编辑:jimmy 日期: 2024/11/9 浏览:3 次 )
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中使用axios用form表单出现的问题