vue企业级开发规范
神奇大叔
这个作者很懒,什么都没留下…
展开
-
vue 指令权限控制
对于页面上的部分功能权限,可以通过指令的方式去控制定义指令格式:原创 2022-06-27 15:44:49 · 708 阅读 · 0 评论 -
vue 路由权限控制-beforeEach-返回权限列表动态添加路由
公共路由import { createRouter, createWebHashHistory } from 'vue-router'const publicRoutes = [ { path: '/', redirect: { path: '/login' } }, { path: '/login', name: 'login', component: () => import('../views/login') }, { p原创 2022-03-05 20:44:38 · 1464 阅读 · 0 评论 -
vue 路由权限控制-beforeRouteEnter-根据权限code过滤整个路由
route.js假设是拥有全部路由配置const routes= [ { path: '/',name: 'home',component: () => import('~/Home'),//按需加载 redirect: '/menu1',children: [...] }, { path: '/login', name: 'login', component: () => import('~/Login') }, { pa原创 2022-03-02 22:08:34 · 1408 阅读 · 0 评论 -
vue 使用axios在跳转下一页面前取消所有请求
const CANCEL_TOKEN = axios.CancelToken;Vue.prototype.$httpRequestList = []; //管理所有请求中断方法的集合axios({ url: url, methods: 'POST', data: options, cancelToken: new CANCEL_TOKEN(c => { Vue.prototype.$httpRequestList.push(c); //中断原创 2021-03-20 16:02:04 · 547 阅读 · 0 评论 -
rem布局
原理:通过修改html根元素的大小,使得整体元素大小使得改变1、创建js文件 (function(){ function resize() { let baseFontSize=100; //设计稿100像素相当于1rem,满屏就算7.5rem let designWidth=750; let width=window.innerWidth; //屏幕宽度 //750/100,等到整个屏幕整体的re原创 2020-05-14 18:49:55 · 178 阅读 · 0 评论