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 相关文章推荐
jquery DIV撑大让滚动条滚到最底部代码
Jun 06 Javascript
JS获取IP、MAC和主机名的五种方法
Nov 14 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
Aug 06 Javascript
jQuery获取同级元素的简单代码
Jul 09 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
Sep 24 Javascript
给easyui datebox扩展一个清空的实例
Nov 09 Javascript
浅谈sass在vue注意的地方
Aug 10 Javascript
Vue 实现展开折叠效果的示例代码
Aug 27 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
May 02 Javascript
layui使用数据表格实现购物车功能
Jul 26 Javascript
js前端如何写一个精确的倒计时代码
Oct 25 Javascript
JavaScript实现随机点名小程序
Oct 29 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
用PHP调用Oracle存储过程
2006/10/09 PHP
php学习笔记之字符串常见操作总结
2019/07/16 PHP
Javascript里使用Dom操作Xml
2006/09/20 Javascript
Javascript实例教程(19) 使用HoTMetal(5)
2006/12/23 Javascript
javascript div 弹出可拖动窗口
2009/02/26 Javascript
js parentElement和offsetParent之间的区别
2010/03/23 Javascript
ExtJS中文乱码之GBK格式编码解决方案及代码
2013/01/20 Javascript
浅析js中取绝对值的2种方法
2013/07/09 Javascript
JS动态添加与删除select中的Option对象(示例代码)
2013/12/25 Javascript
常规表格多表头查询示例
2014/02/21 Javascript
node.js中的fs.link方法使用说明
2014/12/15 Javascript
jQuery手机拨号界面特效代码分享
2015/08/27 Javascript
简单实现js选项卡切换效果
2016/02/03 Javascript
JS打印组合功能
2016/08/04 Javascript
js控制文本框禁止输入特殊字符详解
2017/04/07 Javascript
vue3.0 CLI - 3.2 路由的初级使用教程
2018/09/20 Javascript
Vue如何跨组件传递Slot的实现
2020/12/14 Vue.js
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
python判断无向图环是否存在的示例
2019/11/22 Python
Python键鼠操作自动化库PyAutoGUI简介(小结)
2020/05/17 Python
pycharm实现猜数游戏
2020/12/07 Python
分享PyCharm最新激活码(真永久激活方法)不用每月找安装参数或最新激活码了
2020/12/27 Python
CSS3 选择器 伪类选择器介绍
2012/01/21 HTML / CSS
瑞典灯具和照明网上商店:Lamp24.se
2018/03/17 全球购物
某个公司的Java笔面试题
2016/03/11 面试题
汽车销售求职自荐信
2013/10/01 职场文书
物流专业大学生求职信范文
2013/10/28 职场文书
项目开发计划书
2014/01/09 职场文书
伦敦奥运会口号
2014/06/13 职场文书
普通党员个人对照检查材料
2014/09/18 职场文书
监理中标通知书
2015/04/16 职场文书
工程款催款函
2015/06/24 职场文书
python编写五子棋游戏
2021/05/25 Python
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle
Django框架模板用法详解
2022/06/10 Python