vue部落格專案

2021-10-11 04:03:10 字數 1145 閱讀 3536

export default }}

export default ,

rules: ,

],}}

form methods裡有resetfields–對整個表單進行重置,將所有字段值重置為初始值並移除校驗結果

login是form表單的例項物件

重置

export default ,

rules: ,

],

},methods:}}

重置

methods:

axios獲取表單資料

await:簡化promise操作

:在axios返回的資料中,只有data才是伺服器返回的真實資料,所以在原先的result上解構賦值出乙個data屬性,然後重新命名為res物件,,那麼res就是真實資料了

判斷res.meta.status是否為200

if(res.meta.status!==200)

console log('登入成功')

);}}

如果使用者沒有登入,但是通過url訪問特定頁面。需要重新導航到登入頁面

// 為路由物件,新增 beforeeach 導航守衛

router.beforeeach((to, from, next) => )

基於 token 的方式實現退出比較簡單,只需要銷毀本地的 token 即可。這樣,後續的請求就不會攜帶 token ,

必須重新登入生成乙個新的 token 之後才可以訪問頁面。

// 清空token

window.sessionstorage.clear()

// 跳轉到登入頁

this.$router.push(』/login』)

vue個人部落格專案部署上線

頭像功能,訪問者和站長分別用不同的頭像來區分 點讚功能,點讚情況記錄在瀏覽器的localstorage裡,下次訪問會還原點贊情況 用localstorage記錄郵箱和暱稱,下次訪問不用重新輸入 自定義快捷鍵 切換預覽模式 高亮顯示,使用hightlight.js進行 高亮顯示 提醒儲存,沒有儲存就離...

vue 建立vue專案

在程式開發中,有三種方式建立vue專案,本地引入vuejs 使用cdn引入vuejs 使用vue cli建立vue專案。其中vue cli可以結合webpack打包工具使用,大大方便了開發步驟,使用廣泛。在用 vue 構建大型應用時推薦使用 npm 安裝 1 npm 能很好地和諸如 webpack ...

個人專案部落格

專案內容 這個作業屬於哪個課程 課程鏈結 這個作業的要求在 作業鏈結 教學班級 006專案位址 github位址 psp2.1 personal software process stages 預估耗時 分鐘 實際耗時 分鐘 planning 計畫 estimate 估計這個任務需要多少時間 101...