2025年1月4日 Nuxt3使用keepalive缓存页面后, 切换不同布局, watch可能重复调用的问题 Nuxt3对于页面缓存的实现很简单, 在app.vue的NuxtPage组件上添加一个keepalive就可以实现了 但是如果你的两个页面是不同的布局, 这个缓存可能会失效, 同时也会带来一个小问题 以下是一个简单的页面 通过点击上面的模块按钮, 切换模块, 这里会监听模块的切换, 输出"我被请求了" 目前是没有问题的, 点击切换, 方法只会执行一次 ... 阅读约需 3 分钟·前端 查看更多 →
2024年12月31日 Nuxt3 使用Arco Design组件库简单地实现动态切换主色 Arco Design的主颜色默认使用css变量指向了他们的Arco Blue 蓝色 最近刚好需要在前端打包完以后也能根据后台的颜色配置替换主色, 如果你也需要, 这个文章获取可以帮到你 所以只要在body上面替换这些变量就可以轻松的实现替换Arco Design主色 我的思路就是我们输入一个主色, 然后利用js生成10个色阶, 将10个颜色替换进去就可以了 刚好A... 阅读约需 5 分钟·前端 查看更多 →
2024年12月25日 Nuxt3使用Naive UI解决刷新页面样式延迟加载问题 最近开始用这个组件库, 在按照官网文档搞完按需自动引入后, 发现首页出现刚进入时会没有样式 像上图这样 错误原因 可能是因为nuxtjs-naive-ui这个库太久没更新来适配Nuxt, 上次更新是7个月前, 我看到有人提交修复, 但是还没有合并到分支 临时解决方法 然后在github找了很久解决办法, 最终找到一个办法 在plugins目录下建naiv... 阅读约需 5 分钟·前端 查看更多 →
