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...