技术栈

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的乐观锁
相关推荐
前端一小卒
21 小时前
我用 Claude Code 的 Superpowers 技能链写了个服务,部署前差点把服务器搞炸
前端·javascript·后端
滑雪的企鹅.
1 天前
HTML头部元信息避坑指南大纲
前端·html
一拳不是超人
1 天前
老婆天天吵吵要买塔罗牌,我直接用 AI 2 小时写了个在线塔罗牌
前端·ai编程
阿丰资源
1 天前
SpringBoot+Vue实战:打造企业级在线文档管理系统
vue.js·spring boot·后端
excel
1 天前
如何解决 Nuxt DevTools 中关于 unstorage 包的报错
前端
Rust研习社
1 天前
使用 Axum 构建高性能异步 Web 服务
开发语言·前端·网络·后端·http·rust
C澒
1 天前
AI 生码 - API2Code:接口智能匹配与 API 自动化生码全链路设计
前端·低代码·ai编程
浔川python社
1 天前
HTML头部元信息避坑指南技术文章大纲
前端·html
IT_陈寒
1 天前
SpringBoot配置加载顺序把我坑惨了
前端·人工智能·后端
kyriewen
1 天前
Next.js部署:从本地跑得欢,到线上飞得稳
前端·react.js·next.js
热门推荐
01GitHub 镜像站点02Codex 接入 DeepSeek API 完整配置文档032026年4月AI大事件深度解读:大模型竞争进入“深水区“04近期有什么ai的新消息,新动态? 2026.4月05【AI】2026 年具身智能模型和世界模型总结062026年AI编程工具终极横评:Cursor vs Claude Code vs Copilot07实测可用|小米 MiMo 百万亿 Token 免费领,开发者速冲08在Windows 11上安装Docker的踩坑记录09裂开!ChatGPT 居然开始要手机号验证,附详细解决方法10零基础教你claude code 接入 deepseek V4