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的html(data)方法与&amp;lt;script&amp;gt;脚本块的解决方法
Mar 09 Javascript
javascript操纵OGNL标签示例代码
Jun 16 Javascript
JavaScript基础教程之alert弹出提示框实例
Oct 16 Javascript
深入探密Javascript数组方法
Jan 08 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 Javascript
基于jquery实现表格无刷新分页
Jan 07 Javascript
js判断浏览器是否支持严格模式的方法
Oct 04 Javascript
Jquery中attr与prop的区别详解
May 27 jQuery
JavaScript实现简单的双色球(实例讲解)
Jul 31 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
Sep 11 Javascript
纯JS实现的读取excel文件内容功能示例【支持所有浏览器】
Jun 23 Javascript
layui实现数据表格隐藏列的示例
Oct 25 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中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
Thinkphp调用Image类生成缩略图的方法
2015/03/07 PHP
利用PHP如何实现Socket服务器
2015/09/23 PHP
PHP Smarty模版简单使用方法
2016/03/30 PHP
php实现购物车产品删除功能(2)
2020/07/23 PHP
地址栏上的一段语句,改变页面的风格。(教程)
2008/04/02 Javascript
javascript alert乱码的解决方法
2013/11/05 Javascript
JS保留两位小数 四舍五入函数的小例子
2013/11/20 Javascript
轻松创建nodejs服务器(7):阻塞操作的实现
2014/12/18 NodeJs
webapp框架AngularUI的demo改造之路
2014/12/21 Javascript
JS获取当前脚本文件的绝对路径
2016/03/02 Javascript
详解基于node的前端项目编译时内存溢出问题
2017/08/01 Javascript
Vue的MVVM实现方法
2017/08/16 Javascript
简单的vuex 的使用案例笔记
2018/04/13 Javascript
微信小程序swiper实现滑动放大缩小效果
2018/11/15 Javascript
详解在网页上通过JS实现文本的语音朗读
2019/03/28 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
Vue实现计算器计算效果
2020/08/17 Javascript
React实现轮播效果
2020/08/25 Javascript
[03:11]2014DOTA2国际邀请赛-VG掉入败者组 独家专访357
2014/07/19 DOTA
python基础练习之几个简单的游戏
2017/11/10 Python
彻底理解Python中的yield关键字
2019/04/01 Python
使用python 写一个静态服务(实战)
2019/06/28 Python
Pycharm创建项目时如何自动添加头部信息
2019/11/14 Python
Python Django中的STATIC_URL 设置和使用方式
2020/03/27 Python
Python利用matplotlib绘制折线图的新手教程
2020/11/05 Python
html5 canvas 简单画板实现代码
2012/01/05 HTML / CSS
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
12个不为大家熟知的HTML5设计小技巧
2016/06/02 HTML / CSS
存储过程和函数的区别
2013/05/28 面试题
创业计划书的内容步骤和要领
2014/01/04 职场文书
大学生旅游业创业计划书
2014/01/29 职场文书
理工类毕业自我鉴定
2014/02/20 职场文书
企业宣传语大全
2015/07/13 职场文书
银行客户经理培训心得体会
2016/01/09 职场文书
django学习之ajax post传参的2种格式实例
2021/05/14 Python