摘要: 用户列表 建立自己的文件夹 导入路由,放在home下(子路由) ⭐解决高亮显示的BUG 再点击每个二级菜单的时候不能显示激活状态 把对应的地址保存到相对应的SessionStorage中 刷新页面的时候 从SessionStroage中取值 处在激活状态 // 一级菜单 <el-menu :defa 阅读全文
posted @ 2020-10-24 09:33 张新钢 阅读(971) 评论(0) 推荐(0)
摘要: 1. 登录 输入用户名、密码 调用后台接口进行验证 通过验证后,根据响应状态跳转到项目主页 通过cookie在客户端记录状态【不存在跨域问题】 通过session在服务器端记录状态【不存在跨域问题】 ★通过token方式维持状态【存在跨域问题】 token原理 通过Element-UI组件实现布局 阅读全文
posted @ 2020-10-24 09:31 张新钢 阅读(1022) 评论(0) 推荐(0)
摘要: 项目初始化 通过脚手架创建项目、配置路由 安装插件 Element-UI 在插件中搜索vue-cli-plugin-element 安装运行依赖 Axios 代码中css代码需要 less语法的话 需要开发依赖安装 less & less-loader v-bind 属性绑定 :属性名 数据对应的是 阅读全文
posted @ 2020-10-12 14:04 张新钢 阅读(140) 评论(0) 推荐(0)
摘要: 登陆按钮的方法 loginbtn () { // 预校验 this.$refs.loginRef.validate(async (valid) => { // console.log(valid) if (!valid) { return } // 数据解构 const { data: res } 阅读全文
posted @ 2020-10-10 16:26 张新钢 阅读(129) 评论(0) 推荐(0)
摘要: 主要在main.js入口文件中进行配置 // 发送数据需要axios import axios from 'axios' // 默认地址 axios.defaults.baseURL = 'http://127.0.0.1:8888/api/private/v1/' // 挂载请求地址 Vue.pr 阅读全文
posted @ 2020-10-10 15:45 张新钢 阅读(111) 评论(0) 推荐(0)
摘要: import { Message } from 'element-ui' // 挂载到$message上 Vue.prototype.$message = Message 阅读全文
posted @ 2020-10-10 15:41 张新钢 阅读(7945) 评论(0) 推荐(0)
摘要: 1️⃣ Module not found: Error: Can't resolve 'less-loader' in '******' 解决方法:实际上是在子组件中的样式里加了这么个代码 <style lang="less" scoped> </style> 而这个less是需要安装的,npm i 阅读全文
posted @ 2020-10-09 13:52 张新钢 阅读(138) 评论(0) 推荐(0)
摘要: Vuex是实现组件全局状态(数据)管理的一种机制,可以方便的实现组件之间数据的共享 使用Vuex的好处: 1、集中管理共享数据,易于开发和后期维护。 2、高效实现组件之间的数据共享,提高开发效率。 3、存储在vuex中的数据都是响应式的,能够实时保持数据与页面的同步。 只有组件之间共享的数据才需要存 阅读全文
posted @ 2020-09-23 17:07 张新钢 阅读(116) 评论(0) 推荐(0)
摘要: 打开下面的即可 阅读全文
posted @ 2020-09-23 15:33 张新钢 阅读(805) 评论(0) 推荐(0)
摘要: 配置: main.js import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store' Vue.config.productionTip = fal 阅读全文
posted @ 2020-09-23 14:07 张新钢 阅读(2769) 评论(0) 推荐(0)