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

左钦杨2025-03-20 0:10

首先认识一下 BODY_ATTRS

他可以在页面单独设置

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

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

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

相关推荐
wuhen_n4 分钟前
KeepAlive：组件缓存实现深度解析
前端·javascript·vue.js
前端付豪6 分钟前
Nest 项目小实践之图书展示和搜索
前端·node.js·nestjs
wuhen_n6 分钟前
Vue Router与响应式系统的集成
前端·javascript·vue.js
Ruihong30 分钟前
《VuReact：下一代 Vue 3 -> React 智能编译工具，支持 SFC 与增量迁移》
vue.js
FansUnion33 分钟前
用 AI 自动生成壁纸标题、描述和 SEO Slug
javascript
青青家的小灰灰37 分钟前
金三银四面试官最想听的 React 答案：虚拟 DOM、Hooks 陷阱与大型列表优化
前端·react.js·面试
HelloReader38 分钟前
深入理解 Tauri 架构与应用体积优化实战指南
前端
lemon_yyds38 分钟前
vue 2 升级vue3 : ref 和 v-model 命名为同名
前端·vue.js
codingWhat39 分钟前
小程序里「嵌」H5：一套完整可落地的 WebView 集成方案
前端·uni-app·webview
重庆穿山甲43 分钟前
Java开发者的大模型入门：Spring AI Alibaba组件全攻略（二）
前端·后端
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书（Feishu）环境搭建指南04OpenClaw优化飞书API 额度已耗尽问题05Claude Code + GLM4.7 避坑指南：解决 Unable to connect to Anthropic services06Window 10部署openclaw报错node.exe : npm error code 12807Clawdbot部署教程：解决‘gateway token missing’授权问题的完整步骤08小黑课堂计算机二级WPSoffice题库软件下载安装教程（2026年3月最新版）09OpenClaw大龙虾机器人完整安装教程10网站改了域名，如何查找？