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 相关文章推荐
JavaScript将字符串转换成字符编码列表的方法
Mar 19 Javascript
浅析Javascript中bind()方法的使用与实现
Apr 29 Javascript
Jquery基础之事件操作详解
Jun 14 Javascript
javascript实现二叉树的代码
Jun 08 Javascript
vue bootstrap小例子一枚
Jun 09 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
Jan 03 Javascript
vuejs 动态添加input框的实例讲解
Aug 24 Javascript
微信小程序自定义组件传值 页面和组件相互传数据操作示例
May 05 Javascript
简单了解JavaScript中常见的反模式
Jun 21 Javascript
layer设置maxWidth及maxHeight解决方案
Jul 26 Javascript
JavaScript中this的学习笔记及用法整理
Feb 17 Javascript
基于jsbarcode 生成条形码并将生成的条码保存至本地+源码
Apr 27 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使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
一个简单的javascript类定义例子
2009/09/12 Javascript
最常用的12种设计模式小结
2011/08/09 Javascript
jquery教程ajax请求json数据示例
2014/01/13 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
js实现点击后将文字或图片复制到剪贴板的方法
2014/08/04 Javascript
用Jquery选择器计算table中的某一列某一行的合计
2014/08/13 Javascript
JS获取图片lowsrc属性的方法
2015/04/01 Javascript
javascript常用功能汇总
2015/07/05 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
JS生成和下载二维码的代码
2016/12/07 Javascript
Node.js中用D3.js的方法示例
2017/01/16 Javascript
jQuery Tree Multiselect使用详解
2017/05/02 jQuery
jQuery、layer实现弹出层的打开、关闭功能
2017/06/28 jQuery
在小程序/mpvue中使用flyio发起网络请求的方法
2018/09/13 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
微信小程序tabbar底部导航
2018/11/05 Javascript
JavaScript如何实现元素全排列实例代码
2019/05/14 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
jQuery 动画与停止动画效果实例详解
2020/05/19 jQuery
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
vue过滤器实现日期格式化的案例分析
2020/07/02 Javascript
[01:42:49]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第一场 2月26日
2021/03/11 DOTA
python计算程序开始到程序结束的运行时间和程序运行的CPU时间
2013/11/28 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
Python文件操作方法详解
2020/02/09 Python
python离线安装外部依赖包的实现
2020/02/13 Python
python爬虫scrapy框架的梨视频案例解析
2021/02/20 Python
50岁生日感言
2014/01/23 职场文书
学生党员的自我评价范文
2014/03/01 职场文书
2014年大学生就业规划书
2014/04/04 职场文书
公证书标准格式
2014/04/10 职场文书
2014组织生活会方案
2014/05/19 职场文书
二年级作文之动物作文
2019/11/13 职场文书