技术栈

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的乐观锁
相关推荐
sowhat88
4 小时前
Vue3+vite+Ts+pinia—第八章 生命周期
vue.js
云浪
4 小时前
拆开 WAV,看见声音——JavaScript 二进制数组实战全解析
前端·javascript·ecmascript 6
_瑞
5 小时前
深入理解灵动岛
前端·ios·app
想你依然心痛
5 小时前
嵌入式日志系统:分级日志、环形缓冲区与远程输出——运行时调试、非侵入
android·前端·javascript
这是个栗子
5 小时前
【Vue代码分析】 import.meta.env.DEV:现代前端工程中的环境变量
前端·javascript·vue.js·环境变量
像牛奶却不是牛奶
5 小时前
记录几个前端实用小函数
前端·javascript
IDIOT___IDIOT
5 小时前
Windows 解锁后 Chrome 弹出白屏的排查与修复
前端·chrome
tuddy789464
5 小时前
前端应用的离线暂停更新策略:原理、实现与最佳实践
前端
希冀123
5 小时前
【JavaScript】Javascript—JS进阶—Day03
开发语言·javascript·原型模式
hunterandroid
5 小时前
多线程与线程池:从 Thread 到高效并发
前端
热门推荐
01GitHub 镜像站点022026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf03AI科技热点日报 | 2026年07月01日04【AI】2026 年具身智能模型和世界模型总结052026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?062026 年 AI 大模型 & AI 编程工具实战全总结072026年6月AI大模型全景报告:GPT-5.6、Claude Opus 4.8、Gemini 3.5,中美AI三足鼎立谁主沉浮?082026 AI 编程工具选型横评:Cursor / Claude Code / Trae / Copilot 到底选谁(建议收藏·避坑版)092026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?10Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费