vue獲取form表單的值示例
這里使用的是Element-ui組件
html:
<el-input placeholder="請(qǐng)輸入手機(jī)號(hào)" 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', ''); //記錄登錄狀態(tài) this.$router.replace({path: '/login'}); //成功后跳轉(zhuǎn) } }).catch((error) =>{ alert(error.data.message) //請(qǐng)求失敗返回的數(shù)據(jù) })
以上這篇vue獲取form表單的值示例就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
vue中使用vue-seamless-scroll插件實(shí)現(xiàn)列表無縫滾動(dòng)效果
這篇文章主要介紹了vue中使用vue-seamless-scroll插件無縫滾動(dòng),支持上下左右無縫滾動(dòng),單步滾動(dòng)停留時(shí)間,以及水平方向的手動(dòng)切換,需要的朋友可以參考下2022-06-06vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例
這篇文章主要介紹了vue項(xiàng)目上傳Github預(yù)覽的實(shí)現(xiàn)示例,在完成Vue項(xiàng)目以后,在上傳到github并實(shí)現(xiàn)預(yù)覽2018-11-11vue中iframe使用以及結(jié)合postMessage實(shí)現(xiàn)跨域通信
這篇文章主要介紹了vue中iframe使用以及結(jié)合postMessage實(shí)現(xiàn)跨域通信方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-09-09ant design vue中日期選擇框混合時(shí)間選擇器的用法說明
這篇文章主要介紹了ant design vue中日期選擇框混合時(shí)間選擇器的用法說明,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2020-10-10VUE識(shí)別訪問設(shè)備是pc端還是移動(dòng)端的實(shí)現(xiàn)步驟
經(jīng)常在項(xiàng)目中會(huì)有支持pc與手機(jī)端需求,并且pc與手機(jī)端是兩個(gè)不一樣的頁面,這時(shí)就要求判斷設(shè)置,下面這篇文章主要給大家介紹了關(guān)于VUE識(shí)別訪問設(shè)備是pc端還是移動(dòng)端的相關(guān)資料,需要的朋友可以參考下2023-05-05Vue.js 利用v-for中的index值實(shí)現(xiàn)隔行變色
這篇文章主要介紹了Vue.js 利用v-for中的index值實(shí)現(xiàn)隔行變色效果,首先定義好樣式,利用v-for中的index值,然后綁定樣式來實(shí)現(xiàn)隔行變色,需要的朋友可以參考下2018-08-08