vue获取form表单的值示例
更新时间：2019年10月29日 17:04:45 作者：即墨丹青
今天小编就为大家分享一篇vue获取form表单的值示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
这里使用的是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表单的值示例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
vue中使用vue-seamless-scroll插件实现列表无缝滚动效果
这篇文章主要介绍了vue中使用vue-seamless-scroll插件无缝滚动,支持上下左右无缝滚动，单步滚动停留时间，以及水平方向的手动切换，需要的朋友可以参考下2022-06-06
这篇文章主要介绍了vue项目上传Github预览的实现示例，在完成Vue项目以后，在上传到github并实现预览2018-11-11
vue中iframe使用以及结合postMessage实现跨域通信
这篇文章主要介绍了vue中iframe使用以及结合postMessage实现跨域通信方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-09-09
这篇文章主要和大家详细介绍一下Vue中computed和watch的使用与区别，文中通过示例为大家进行了详细讲解，对Vue感兴趣的同学，可以学习一下2022-11-11
ant design vue中日期选择框混合时间选择器的用法说明
这篇文章主要介绍了ant design vue中日期选择框混合时间选择器的用法说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-10-10
经常在项目中会有支持pc与手机端需求,并且pc与手机端是两个不一样的页面,这时就要求判断设置,下面这篇文章主要给大家介绍了关于VUE识别访问设备是pc端还是移动端的相关资料,需要的朋友可以参考下2023-05-05
这篇文章主要介绍了在Vue中使用WebScoket，网络的不稳定而断开连接，webscoket不会出现异常，下面就一起进入文章看看吧2022-01-01
这篇文章主要介绍了Vue.js 利用v-for中的index值实现隔行变色效果，首先定义好样式，利用v-for中的index值，然后绑定样式来实现隔行变色,需要的朋友可以参考下2018-08-08
这篇文章主要介绍了vue项目如何刷新当前页面的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要介绍了详解vue不同环境配置不同的打包命令，主要包括正式环境、测试环境和开发环境，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-04-04
最新评论