由于瀏覽器出了問題,導(dǎo)致今天進(jìn)度處于龜速。
收獲的知識是彈窗的設(shè)置,和登錄成功后,路由跳轉(zhuǎn)后臺首頁的操作。
另外還有就是鏈表數(shù)據(jù)結(jié)構(gòu)的實(shí)現(xiàn),稍后將在JS類型筆記中記錄。
首先,是消息彈窗的設(shè)定
由于是全局引用的,不用像按需加載那樣,去Vue的prototype上掛載$message了,直接在methods中的函數(shù)里就可直接調(diào)用。
message提示消息的樣式可在element-ui官網(wǎng)中找到,以下為成功和失敗的示例。
this.$message( {
message: ' 成功啦!',
type: ' success '
} )
this.$message( {
message: ' 登錄失?。?',
type: ' error '
} )
具體代碼如下,對!今天還學(xué)習(xí)了怎么在簡書中以代碼塊形式展現(xiàn)。而不是截圖了.....
goLogin() {
this.$refs.loginRef.validate( res => {
if(res){
request({
url: '/admin/login',
method: 'POST',
data: {
user_name: this.formData.user_name,
password: this.formData.password
}
}).then(res => {
console.log(res)
if(res.status == 1) {
this.$message({
message: res.success,
type: 'success'
})
}else if(res.status == 0) {
this.$message({
message: res.message,
type: 'error'
})
}
})
}
})
}