技术栈

Nuxt2 vue 给特定的页面 body 设置 background 不影响其他页面

左钦杨2025-03-20 0:10

首先认识一下 BODY_ATTRS

他可以在页面单独设置

js 复制代码
  head () {
    return {
      bodyAttrs: {
        form: 'form-body'
      }
    };
  },

设置完效果是只有这个页面会加上

接下来在APP.vue中添加样式

上一篇:Java数据类型 Arrays VS ArraysList VS LikedList 解析
下一篇:mybatis_plus的乐观锁
相关推荐
Hyyy
43 分钟前
什么是bun?和pnpm有什么区别
前端·面试·bun
To_OC
10 小时前
LC 128 最长连续序列:别上来就排序,O (n) 解法才是这题的灵魂
javascript·算法·leetcode
IT_陈寒
14 小时前
Vue这个坑我跳了两次,原来问题出在这
前端·人工智能·后端
kyriewen
14 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
WebInfra
15 小时前
Rspack 2.1 发布:React Compiler 提速 10 倍!
前端
李明卫杭州
15 小时前
CSS 媒体查询详解:一文掌握响应式设计的核心技术
前端
lichenyang453
16 小时前
从 H5 按钮到 OpenHarmony 能力调用:我如何理解 ASCF 的运行链路
前端
下家
16 小时前
我放弃了 Vue/React,选择自研框架
前端·前端框架
Asize
17 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙
17 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
热门推荐
012026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?022026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?032026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf04【AI】2026 年具身智能模型和世界模型总结05飞书长连接_事件订阅(接收消息,审批任务状态变更)06Trae国际版与国内版深度测评:AI原生IDE的双生花07Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析08GitHub 镜像站点09【AI总结】2026年6月 主流国内外大模型总结102026年AI架构实战:彻底解决OpenAI接口超时与封号,Python调用GPT-5.2/Sora2企业级架构详解(附源码+压测报告)