vue获取form表单的值示例


Posted in Javascript onOctober 29, 2019

这里使用的是Element-ui组件

html:

<el-input placeholder="请输入手机号" id="phone" prop="phone" v-model="phone" clearable></el-input>

JS:

var phone = this.phone;
var password = this.password;

var that = this;
 var phone = that .phone;
 var password = that .password;
this.$axios({
  method:'post',
  url:'api/user/logout',
  data:this.qs.stringify({phone:phone,password:password})
 }).then((res) =>{   //这里使用了ES6的语法
  if (res.data.status==200){
   alert(res.data.message);
   this.$emit('userSignIn', ''); //记录登录状态
   this.$router.replace({path: '/login'}); //成功后跳转
  }
 }).catch((error) =>{
  alert(error.data.message)  //请求失败返回的数据
 })

以上这篇vue获取form表单的值示例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery Ajax 跨域访问的解决方案
Mar 12 Javascript
JS实现选择TextArea内文本的方法
Aug 03 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
Vue三层嵌套路由的示例代码
May 05 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
JavaScript函数的特性与应用实践深入详解
Dec 30 Javascript
解析vue、angular深度作用选择器
Sep 11 Javascript
在layer弹层layer.prompt中,修改placeholder的实现方法
Sep 27 Javascript
Vue路由对象属性 .meta $route.matched详解
Nov 04 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 Javascript
详解vue 组件
Jun 11 Javascript
JS猜数字游戏实例讲解
Jun 30 Javascript
Vue 实现把表单form数据 转化成json格式的数据
Oct 29 #Javascript
使用axios请求时,发送formData请求的示例
Oct 29 #Javascript
基于form-data请求格式详解
Oct 29 #Javascript
解决vue-cli项目开发运行时内存暴涨卡死电脑问题
Oct 29 #Javascript
JS操作字符串转数字的常见方法示例
Oct 29 #Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 #Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 #Javascript
You might like
隐性调用php程序的方法
2009/03/09 PHP
php中显示数组与对象的实现代码
2011/04/18 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP文件上传问题汇总(文件大小检测、大文件上传处理)
2015/12/24 PHP
随机显示经典句子或诗歌的javascript脚本
2007/08/04 Javascript
jQuery编写widget的一些技巧分享
2010/10/28 Javascript
javascript代码编写需要注意的7个小细节小结
2011/09/21 Javascript
JQueryEasyUI datagrid框架的基本使用
2013/04/08 Javascript
javascript 获取网页标题代码实例
2014/01/22 Javascript
javascript实现拖动元素交换位置
2015/11/29 Javascript
基于JavaScript代码实现pc与手机之间的跳转
2015/12/23 Javascript
前端性能优化及技巧
2016/05/06 Javascript
JS留言功能的简单实现案例(推荐)
2016/06/23 Javascript
详解nodejs 文本操作模块-fs模块(四)
2016/12/22 NodeJs
关于javascript作用域的常见面试题分享
2017/06/18 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
python迭代器实例简析
2014/09/25 Python
使用Python绘制图表大全总结
2017/02/11 Python
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
怎么使用pipenv管理你的python项目
2018/03/12 Python
Python使用Pickle库实现读写序列操作示例
2018/06/15 Python
对python中类的继承与方法重写介绍
2019/01/20 Python
基于Python的Post请求数据爬取的方法详解
2019/06/14 Python
django基础学习之send_mail功能
2019/08/07 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
来自世界各地的饮料:Flavourly
2019/05/06 全球购物
四风问题自查自纠工作情况报告
2014/10/28 职场文书
2014年教务工作总结
2014/12/03 职场文书
户外亲子活动总结
2015/05/08 职场文书
民间借贷借条范本
2015/05/25 职场文书
董事长开业致辞
2015/07/29 职场文书
百日宴上的祝酒词
2015/08/10 职场文书
岗位聘任协议书
2015/09/21 职场文书