weixin_55966394的博客

目标：1、通过elementUI构建登录注册页面2、使用js实现组件跳转3、用axios向后台请求完成登录注册一、使用elementUI构建登录注册页面1.导入elementUI使用vue-cli创建vue项目，之后在项目目录内运行npm install element-ui -S然后在main.js中引入// The Vue build version to load with the `import` command// (runtime-only or s.

大纲：1.使用mockJS模拟登陆请求的响应，实现脱离后端数据2.使用elementUI做首页左侧菜单栏，并作出伸缩功能3.了解‘总线’4.退出功能一、使用mockJSMock.js是一个模拟数据的生成器，用来帮助前端调试开发、进行前后端的原型分离以及用来提高自动化测试效率。官网：Mock.js特性：数据类型丰富支持生成随机的文本、数字、布尔值、日期、邮箱、链接、图片、颜色等。拦截Ajax请求不需要修改既有代码，就可以拦截Ajax请求，返回模拟的响应数据。.

效果图：左侧树来自数据库，中间数据来自关键字查询，还有分页条。一、动态树形菜单在动态树的实现中，我们这里只关注效果，数据是后端实现的，直接获取。代码：<template> <el-menu router :default-active="$route.path" default-active="2" class="el-menu-vertical-demo" background-color="#334157" text-color="#fff" a.

目标：在原有基础上做出新增，修改，删除功能一、新增修改首先在查询附近添加一个新增按钮，通这个按钮来弹出新增表单，这个在上一次的查询框中有代码。模态框代码：<!-- 弹出框 --> <el-dialog :title="title" :visible.sync="editFormVisible" width="30%" @before-close="closeDialog"> <el-form label-width="12..