学习笔记
动态路由的坑 ， next({ …to, replace: true })，vue动态路由白屏，vue动态路由刷新后404
问题：在写 动态路由鉴权的时候 参考了各种网上的意见 发现在 路由拦截里面写 next({ …to, replace: true }) ， 我只要一刷新页面，就404了，翻阅了大量项目发现了问题所在再次记录一下， 解决方法: 把 next({ …to, replace: true })......
web前端
这家伙很懒，还没填写该栏目的介绍呢~
解决element的tree选中父级，子级也全部选中的问题
解决思路 判断是否是子节点，是子节点就选中 arr 是返回选中的 key对象 通过获取 tree的 node对象 判断 是否为子节点 是就复选上 arr.forEach(item => { nextTick(()......
权限路由的vue2和vue3的导入方法区别
1. vue2的 导入组件 function _import (file) { return () => import('@/views' + file + '.vue') } 2. vue3的导入组件 vite 支持 import.mate.......
tree转数组，数组转tree
/* * @Description: * @Author: 刘洋 * @Date: 2022-07-14 09:08:32 * @LastEditTime: 2022-07-24 12:48:05 &nbs......
vue的模板切换，可以切换多个模板
1. app.vue 里面正常写 router-view 标签 <template> <el-config-provider :size="getGlobalComponentSize" :locale="i18nLocale"> ......
IntersectionObserver实现图片懒加载
注意几点；1.图片需要有高度，2.可视区需要有高度 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ......
获取css里面的类名，获取阿里字体图标
import { nextTick } from 'vue'; // 获取阿里字体图标 const getAlicdnIconfont = () => { return new Promise((resolve, reject) => { ......
批量设置css，js
utils/seticon.ts // 字体图标 url const cssCdnUrlList: Array<string> = [ '//at.alicdn.com/t/font_2298093_y6u00apwst.css', '//n......
vite 中使用 @ ，配置路径别名
配置 vite.config.js （看 alias） /* * @Description: * @Author: 刘洋 * @Date: 2022-07-14 12:06:43 * @LastEditTime: 2022-......
html一键换肤，vue多主题风格切换
废话不多说 直接上代码 主要就是 ：[data-theme="light"]{....} 直接的css起作用，通过 html的自定义属性data-theme=“light”，切换light的主题，没整明白是不是 html5的新特性，但是我照猫画虎 能用，（--text-color）这个......