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


Posted in Javascript onOctober 30, 2019

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表单提交但不跳转页面的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
如何实现浏览器上的右键菜单
Jul 10 Javascript
DOM2非标准但却支持很好的几个属性小结
Jan 21 Javascript
两个select多选模式的选项相互移动(示例代码)
Jan 11 Javascript
jquery中交替点击事件的实现代码
Feb 14 Javascript
jQuery插件之jQuery.Form.js用法实例分析(附demo示例源码)
Jan 04 Javascript
js父页面中使用子页面的方法
Jan 09 Javascript
AngularJS实现给动态生成的元素绑定事件的方法
Dec 14 Javascript
深入理解React Native原生模块与JS模块通信的几种方式
Jul 24 Javascript
基于dataset的使用和图片延时加载的实现方法
Dec 11 Javascript
vue+axios 前端实现的常用拦截的代码示例
Aug 23 Javascript
原生js实现自定义消息提示框
Nov 19 Javascript
node koa2 ssr项目搭建的方法步骤
Dec 11 Javascript
解决在Vue中使用axios用form表单出现的问题
Oct 30 #Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 #Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
Oct 30 #Javascript
vue遍历生成的输入框 绑定及修改值示例
Oct 30 #Javascript
微信小程序基于高德地图查找位置并显示文字
Oct 30 #Javascript
vue 实现cli3.0中使用proxy进行代理转发
Oct 30 #Javascript
vue cli3 配置proxy代理无效的解决
Oct 30 #Javascript
You might like
DISCUZ 分页代码
2007/01/02 PHP
MySQL GBK→UTF-8编码转换
2007/05/24 PHP
php用户注册时常用的检验函数实例总结
2014/12/22 PHP
DOM精简教程
2006/10/03 Javascript
将form表单中的元素转换成对象的方法适用表单提交
2014/05/02 Javascript
jquery实现可拖拽弹出层特效
2015/01/04 Javascript
JavaScript实现判断图片是否加载完成的3种方法整理
2015/03/13 Javascript
jQuery简单实现图片预加载
2015/04/20 Javascript
mvvm双向绑定机制的原理和实现代码(推荐)
2016/06/07 Javascript
javaScript基础详解
2017/01/19 Javascript
Vue-cli@3.0 插件系统简析
2018/09/05 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
Django+Vue实现WebSocket连接的示例代码
2019/05/28 Javascript
详解新手使用vue-router传参时注意事项
2019/06/06 Javascript
vue本地打开build后生成的dist文件夹index.html问题
2019/09/04 Javascript
python使用matplotlib绘制柱状图教程
2017/02/08 Python
python学习教程之使用py2exe打包
2017/09/24 Python
创建pycharm的自定义python模板方法
2018/05/23 Python
python读取图片并修改格式与大小的方法
2018/07/24 Python
Python的numpy库下的几个小函数的用法(小结)
2019/07/12 Python
解决Python命令行下退格,删除,方向键乱码(亲测有效)
2020/01/16 Python
django admin 根据choice字段选择的不同来显示不同的页面方式
2020/05/13 Python
python语言time库和datetime库基本使用详解
2020/12/25 Python
Html5 audio标签样式的修改
2016/01/28 HTML / CSS
Square Off美国/加拿大:世界上最聪明的国际象棋棋盘
2018/12/06 全球购物
佳能法国商店:Canon法国
2019/02/14 全球购物
如何从一个文件档案的尾端新增记录
2016/12/02 面试题
工商管理系学生的自我评价分享
2013/11/29 职场文书
银行服务感言
2014/03/01 职场文书
信用卡结清证明怎么写
2014/09/13 职场文书
英语邀请函范文
2015/02/02 职场文书
幼儿园辞职信范文
2015/02/27 职场文书
2015年中秋节主持词
2015/07/30 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书
CSS实现切角+边框+投影+内容背景色渐变效果
2021/11/01 HTML / CSS
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫