vue練習(xí)第二天

由于瀏覽器出了問題,導(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'
          })
        } 
      })
    }
  })
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

友情鏈接更多精彩內(nèi)容