当前位置:主页 > 网页前端 > vue >

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

时间:2022-04-27 10:27:57 | 栏目:vue | 点击:

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);
  }) 
 }

您可能感兴趣的文章:

相关文章