摘要：
一、概述 一般后台页面的顶部导航栏和左侧导航栏一般是固定的，我们可以布局成下面的样式 二、整体项目布局 因为我们的首页是个公共的组件，点击首页，会员管理，都不会变，所以我们可以放在一个单独文件夹里面。 需要分别对头部，左侧区域，主区域拆分成不同的文件。 创建项目 创建一个全新的ElementUI 项 阅读全文
摘要：
一、概述 在项目开发中每一次路由的切换或者页面的刷新都需要判断用户是否已经登录，前端可以判断，后端也会进行判断的，我们前端最好也进行判断。 vue-router提供了导航钩子:全局前置导航钩子 beforeEach和全局后置导航钩子 afterEach，他们会在路由即将改变前和改变后进行触发。所以判 阅读全文
摘要：
一、什么是localStorage 对浏览器来说，使用 Web Storage 存储键值对比存储 Cookie 方式更直观，而且容量更大，它包含两种：localStorage 和 sessionStorage sessionStorage（临时存储） ：为每一个数据源维持一个存储区域，在浏览器打开期 阅读全文
摘要：
一、概述 适用于多个勾选框绑定到同一个数组的情景，通过是否勾选来表示这一组选项中选中的项。 二、代码实现 test.vue <template> <div style="width: 70%;margin-left: 30px;margin-top: 30px;"> <el-checkbox-gro 阅读全文
摘要：
一、概述 什么是qs qs是一个流行的查询参数序列化和解析库。可以将一个普通的object序列化成一个查询字符串，或者反过来将一个查询字符串解析成一个object,帮助我们查询字符串解析和序列化字符串。 vue中qs安装使用 打开控制台输入：npm install qs在main.js中导入qs插件 阅读全文
摘要：
一、概述 在执行删除操作时，我们一般会添加一个删除确认框，当用户点击确认删除后在执行删除操作，这样能提升用用户体验，那么该如何快速实现呢？element中提供了相应的确认框，在官方文档中不太好找，其实在message box弹框中，有一个确认消息 二、代码实现 test.vue <template> 阅读全文
摘要：
一、概述 element-ui table 默认是白色背景，现在需要修改为黑色背景，白色文字。 二、代码实现 css样式 <style> /*修改table 的背景颜色和文字颜色*/ .el-table td, .el-table th.is-leaf,.el-table--border, .el- 阅读全文
摘要：
一、概述 在后台项目中，使用Dropdown 下拉菜单时，发现对el-dropdown-item绑定点击事件时，一直没有触发，比如： <el-dropdown-item @click="password()">修改密码</el-dropdown-item> 后来查阅官方文档，原来是使用方式不对。接下 阅读全文
摘要：
一、概述 在项目中，点击下载按钮，就可以下载文件。 传统的下载链接一般是get方式，这种链接是公开的，可以任意下载。 在实际项目，某些下载链接，是私密的。必须使用post方式，传递正确的参数，才能下载。 二、django项目 本环境使用django 3.1.5，新建项目download_demo 安 阅读全文
摘要：
一、概述 在项目，需要使用一个功能，点击某个按钮，展开/隐藏 某些说明文字。 二、项目演示 新建一个vue项目，安装ElementUI 模块即可。 新建test.vue <template> <div style="width: 70%;margin-left: 30px;margin-top: 3 阅读全文