![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
rayshaan0123
这个作者很懒,什么都没留下…
展开
-
vue动态加载路由后刷新白屏问题
文章目录1.问题2.解决思路3.下载插件4.判断页面刷新1.问题项目后台需要做权限管理,不同用户需要加载不同的路由,在用户登录后,拿到帐号有权限访问的路由,储存在vuex中,再渲染菜单。这种方法刷新的话vuex中的数据会消失,储存的路由也消失,页面会白屏(没有对应的路由)2.解决思路通过路由守卫判断页面刷新后,重新注册路由,再渲染3.下载插件npm i vuex-along -S 刷新后恢复vuex中的数据引入插件4.判断页面刷新//后置守卫router.afterEach((to,原创 2021-10-28 15:08:07 · 1795 阅读 · 0 评论 -
elementui实现图标选择器
文章目录01.封装icon.js02.引入并使用icon.js03.循环产生icon选择页面04.点击显示所选图标05.实现效果01.封装icon.jsexport const elementIcons = ["platform-eleme", "eleme", "delete-solid", "delete", "s-tools", "setting", "user-solid", "user", "phone", "phone-outline", "more", "more-outline", "s原创 2021-10-06 11:42:58 · 3696 阅读 · 2 评论 -
vue2实现后台帐号权限分配
文章目录1.思路2.加载公共路由3.获取用户权限4.vuex定义方法5.调用方法,追加路由6.测试结果1.思路router.js中加载公共路由登录后/首次加载页面获取到该帐号的权限菜单,注册到router.js中2.加载公共路由/* login和home是所有用户都能看到的,默认加载这两个页面*///注意导出,要在vuex中使用,新注册的路由都在home的children中export const routes=[ { path: '/', name: 'login原创 2021-09-29 09:35:03 · 527 阅读 · 0 评论 -
vue addRoutes动态添加路由后,切换帐号,重新添加路由
项目后台需要权限分配,做好之后发现切换帐号的话还是之前的路由,并没有重新添加解决方法:login.vue页面原创 2021-09-29 08:48:11 · 630 阅读 · 0 评论 -
vue-cli3使用autoprefixer自动添加浏览器前缀
01.下载包npm i postcss-loader autoprefixer@8.0.0 -Dautoprefixer基于postcss,所有也要下载 postcss,注意指定版本号不要太高02.项目根目录下创建postcss.config.js//postcss.config.js内容module.exports = { plugins: { autoprefixer: {} }}03.配置package.json的browserslist//根据需要来配置原创 2021-08-14 17:37:55 · 1186 阅读 · 0 评论 -
vue加载速度优化(gzip压缩/cdn加速)
文章目录01.使用gzip压缩02.配置webpack03.报错04.打包05.使用cdn资源继续优化06.webpack配置不打包某些依赖07.main.js中去除import08.引入cdn资源09.继续打包10.完整vue.config.js11.可能发生的问题01.使用gzip压缩下载compression-webpack-pluginnpm install compression-webpack-plugin -D02.配置webpack//vue.config.jsconst pat原创 2021-08-14 17:14:51 · 682 阅读 · 0 评论 -
vue3路由跳转时不触发beforeDestroy
网上都说是keep-alive,但项目里没用keep-alive原因:vue增加了新的生命周期beforeCreate -> setup()created -> setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpdateupdated -> onUpdatedbeforeDestroy -> onBeforeUnmountdestro原创 2021-08-10 10:24:52 · 6474 阅读 · 1 评论 -
vue运行时报错Rule can only have one resource source (provided resource and test + include + exclude) in
报错原因,webpack版本冲突(基本都是webpack5)解决办法:1.删除node_modules和package.lock.json2.重写package.json里webpack的版本号"webpack": "^4.44.2",原创 2021-08-10 09:21:17 · 5898 阅读 · 0 评论 -
v-for后图片不显示问题
代码解决:使用require()原创 2021-08-03 15:32:38 · 144 阅读 · 0 评论