摘要：
简介 该功能主要用于判定用户权限，在用户无权限时重定向至登录页，并在用户完成登录后，再定向至用户之前想要访问的路由；或者用户在任意路由点击登录时，登录成功后返回当前路由。是一个很常规的小功能。 简单示例 本文仅演示路由跳转和导航守卫相关代码的实现，不包含具体的权限验证和登录请求。 实现该功能主要分为 阅读全文
摘要：
简介 前端的一大重点是处理输入和输出，而 vue 的响应式系统给输入与输出的维护带来极大便利。将命令式操作转为响应式更新，我们不再需要为代码中充斥着大量手动的数据更新过程而头疼。 响应式的存在极大地简化了数据初始化和重新赋值的过程。通过定义计算属性或侦听器取代在 data 中定义普通属性，避免了组件 阅读全文
摘要：
简介 一般地，双向绑定多用于表单这类输入组件，但在非表单组件上使用双向绑定的需求也很常见，比如具有单选性质的菜单、标签页等组件，通过双向绑定可以更方便地获取和修改激活项。 之前常用的方法是通过 .sync 修饰符绑定 value 属性，并在组件内部触发 emit('update:value',new 阅读全文
摘要：
简介 本文介绍一种适用于 vue2 框架下的通用单选组组件。与单选框组不同，该组件可通过插槽自定义选项的内容，比如添加图片、html 元素、自定义组件等，相当于基础组件的基础组件。 思路借鉴了 element-ui 的单选框组实现思路，分为 RadioList 和 RadioListItem 两个组 阅读全文
摘要：
优化版本链接 https://www.cnblogs.com/cjc-0313/p/16837624.html 背景简介 实现前台项目的搜索页时，通常会将查询参数直接传给路由并显示在顶部的地址。 params 参数可以路径的一部分，因此可以理解；不过保留 query 的目的暂不清楚，对 SSR 模式 阅读全文
摘要：
简介 本文介绍基于 vue2 框架实现基本的分页器，包括页码前进/后退、页码点击跳转、显示 ... 、显示总页数、显示总数据条数 等功能。 效果预览 快速跳转 视图部分、样式部分、数据部分、逻辑处理部分 实现思路 视图部分 视图方面比较简单，将各功能部分依次搭建即可，包括前进键（>>）、后退键（<< 阅读全文
摘要：
问题 1 问题描述 git push 连续失败 问题分析 我在本地先有一个项目，然后在 github 上创建了一个仓库，并添加了一个 README.md 文件。之后，为了与远程仓库保持一致，我在本地也添加了一个 README.md 文件。但在执行 git push 指令时提示以下错误。 error: 阅读全文
摘要：
实现思路 element-plus 中的图标都是单个的组件，需要配合 el-icon 组件一起使用。但这两类组件都没有自带的圆形背景，因此引入 el-tag 组件作为 el-icon 组件的容器。el-tag 自带 round 属性，可以将四个角变为圆角，但仅仅这样还不够，还有一些细节需要完善： e 阅读全文
摘要：
背景 之前二次封装 element 组件时，有些细节处理不到位，没有利用好一些特性，本次针对其中的几个问题作出优化。 问题1 二次封装组件时复用 prop 列表 分析与优化 之前拓展组件时，总是完整地重写一遍 prop 列表，其实没必要。可以直接用 v-bind="$attrs" 替代不需要重写的 阅读全文
摘要：
前排提醒：请善待你的电脑，避免暴力拆机 破损分析 经过拆机发现，我自己的电脑是因为 A 壳上用于固定转轴的螺丝孔的塑料连接处 “整个”断裂（右侧有 3 个连接处，全部断裂），也就是螺丝孔连带着孔外的塑料一起断裂；而转动转轴需要较大的力，导致屏幕翻开和合上时，无法同步转动转轴。而由于转轴转不动，导致屏 阅读全文