情景：前端开发经常需要根据一套原型来匹配不同的移动端，原型上标注的尺寸是px，如果需要匹配不同的像素，我们需要自己转换尺寸。通过引用插件可以实现一套像素适应不同的移动端，而开发人员只需要根据原型提供的标注来设置尺寸即可1. 安装依赖npm i -S amfe-flexible postcss-px2rem// lib-flexible已废弃2. index.html添加viewport设置<

四个关键属性：'min' , 'precision','fomatter','parser''min'：最小值'precision'：数值精度(当输入02时，失焦后自动去掉0)'fomatter'：指定输入框展示值的格式，传入方法'parser'：指定从 formatter 里转换回数字的方式，和 formatter 搭配使用<a-input-number :value="text" :mi

场景：项目中需要头像上传功能，后端提供的上传接口需要校验token。ant-design-vue框架的upload组件提供了customRequest接口，可以让我们覆盖默认的上传行为，自定义上传。1.目标实现效果如下点击相机图标或者图片，打开资源管理器——>选择图片——>头像预览自动更换为最新选择的图片。执行上传之前还需一些图片格式、大小的校验。在此过程中需调用两个接...

场景：项目中需要头像上传功能，后端提供的上传接口需要校验token。ant-design-vue框架的upload组件提供了customRequest接口，可以让我们覆盖默认的上传行为，自定义上传。1.目标实现效果如下点击相机图标或者图片，打开资源管理器——>选择图片——>头像预览自动更换为最新选择的图片。执行上传之前还需一些图片格式、大小的校验。在此过程中需调用两个接...

应用场景：在一个管理系统中，当用户登录进来后，我们期望用户在操作时，不会因为token过期而被迫登出。但token是有时效的，这时候我们就需要一个刷新token的操作来保障用户的登录状态。1. 原理3. 完整代码request.tsimport axios, { AxiosInstance } from 'axios'import router from '@/router'import stor

一些管理系统常常会有导出文件的功能，这里介绍三种文件下载的尝试1. 通过文件地址下载文件此方式最为简易，只需要知道文件在服务器上的地址，就可以通过a标签实现下载<a href="https://.../158ac1e6917445a4aa384a2a7209445a.xlsx" download="test">下载文件</a><a href="h...

动态插槽与插槽循环的用法

使用场景：当页面被分割成许多小模块，且页面很长时，锚点功能可以帮助我们快速跳转到想要的模块；而当滑动滚动条时，根据当前视图中的显示的模块自动选中对应的锚点。

针对懒加载的树组件，节点数据发生变化后，只刷新局部数据，拿到最新的节点

vue3 监听路由参数