技术栈

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的乐观锁
相关推荐
Jack N
几秒前
2026 Web 网站性能优化指南
前端·性能优化
yqcoder
几秒前
TypeScript 进阶:如何精准获取对象的所有 Key?
javascript·ubuntu·typescript
UXbot
1 分钟前
支持移动端原型绘制的 AI 工具核心功能对比(2026):5 款主流平台能力横向评测
前端·低代码·ui·交互·原型模式·web app
ZC跨境爬虫
17 分钟前
跟着 MDN 学 HTML day_54:(深入掌握 XSLTProcessor API)
前端·javascript·ui·html·媒体
一块小土坷垃
21 分钟前
# ArchiCAD 29.0.2(畅享版):专为建筑师打造的BIM高效建模工具
前端·数据库·macos·开源软件
无限进步_
22 分钟前
Linux指令实战:40+核心命令的用法与思维模型
linux·服务器·前端
Csvn
27 分钟前
JS 技巧:设计模式(上)
前端·vue.js
中新传媒
28 分钟前
德宸堂心理双师同诊
java·前端·数据库
竹林818
36 分钟前
从Promise地狱到优雅监听:我用@solana/web3.js实现Solana实时交易监听的全过程
前端
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档03【AI】2026 年具身智能模型和世界模型总结04头歌软件工程导论UML画图题(基于starUML)05Gemini大升级、AI眼镜首发、Android XR亮相,13天后见分晓06CC-Switch & Claude 基于 Linux 服务器安装使用指南07人工智能最新动态 AI 日报 · 2026年5月10日08AI科技热点日报 | 2026年5月11日09Codex 手机端连接教程:三分钟搞定,附完整步骤102026年AI前瞻:量子AI、具身智能与科学发现的新纪元