vue
文章平均质量分 68
丶文竹
这个作者很懒,什么都没留下…
展开
-
移动端自适应布局方案lib-flexible以及postcss-pxtorem
移动端自适应布局方案1:常规实现思路:常规的实现思路就是监听屏幕分辨率的变化动态修改根节点的字体大小,而页面布局单位用rem,这个地方可以借助与vw单位,如要在750分辨率设备做一个200*200的容器基本思路:如果是在750的设备,那么1vw即为7.5px,以此标准,13.3333vw == 100px,所以直接给根节点的 字体大小就为13.333vw,然后要做200200的容器,由于根节点的字体大小为100px,所以此时我们只需要给容器宽高各位2rem,就能得到200px200px的容器,又由于v原创 2021-10-18 14:45:16 · 1329 阅读 · 0 评论 -
vue+element.ui+formData自定义文件上传
记录一下element.ui自定义上传文件踩得坑为什么要自定义上传?<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> <img v-if="image原创 2021-04-29 10:50:28 · 1077 阅读 · 0 评论 -
vue-element后台鉴权流程
路由拦截鉴权常用的两种方法1:路由拦截:单纯给路由加字段标识符,通过路由拦截实现2:动态路由:第二种是通过路由的拆分另外需要后端的配合去实现的动态路由配置比较:路由拦截实现方式比较简单,只需要简单的在router.beforeEach中根据路由配置信息过滤页面是否有权限前往改组件,若相对于的权限不够则不前往相应的组件动态路由实现相对比较复杂,并且需要后端的配合,本质是路由配置表分成两部分,相应的不同用户登录的时候,是根据用户权限信息过滤筛选除路由配置表,动态添加,而用户没有权限的部分则不渲染.原创 2021-04-07 14:56:13 · 2488 阅读 · 5 评论