Vue + ElementUI 实现后台管理系统模板 -- 前端篇（三）

}

三、404页面

---

1》简介

定义错误页面。当错误发生时，用于跳转到 404 页面。

2》代码

404

抱歉！您访问的页面失联啦 ...

<el-button @click=“$router.go(-1)”>返回上一页

<el-button type=“primary” class=“not-find-btn-gohome” @click=“$router.push({ name: ‘Home’ })”>进入首页

3》路由

4》页面展示

四、Login.vue登录页面

---

1》简介

登录页 未登录时跳转到登录页面

2》页面代码

CMS后台管理系统

<el-form :rules=“rules” size=“medium” :model=“loginForm” ref=“loginForm” class=“login-form” @keyup.enter.native=“submitForm”>

<el-button size=“medium” style=“width: 100%” type=“primary” @click=“submitForm”>立即登录