当前位置： 首页 > news >正文

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

news 来源：原创 2025/5/10 18:02:45

首先认识一下 BODY_ATTRS
在这里插入图片描述
他可以在页面单独设置

  head () {
    return {
      bodyAttrs: {
        form: 'form-body'
      }
    };
  },

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

在这里插入图片描述
接下来在APP.vue中添加样式
在这里插入图片描述

相关文章：

  • 知识管理流程指南
  • Python----计算机视觉处理（Opencv：形态学变换）
  • Bellman_ford 算法--带负权值的单源最短路问题，边列表存储
  • 相机标定之DLT算法学习
  • [HelloCTF]PHPinclude-labs超详细WP-Level 6Level 7Level 8Level 9-php://协议
  • Java高级编程深度解析：JVM底层原理、设计模式与Java 8+新特性实战
  • 案例驱动的 IT 团队管理：创新与突破之路：第三章 项目攻坚：从流程优化到敏捷破局-3.2.1案例：传统企业敏捷转型的“阵痛期“应对
  • 【QT：网络编程】
  • 【大模型理论篇】R1-Searcher:通过强化学习激励llm的搜索能⼒
  • Linux rpm软件管理
  • HTML5扫雷游戏开发实战
  • 计算机视觉算法实战——实例分割（主页有源码）
  • React19源码系列之Hooks(useId)
  • 【设计模式】3W 学习法全面解析 7 大结构型模式：Java 实战 + 开源框架应用
  • JavaScript 函数类型详解：函数声明、函数表达式、箭头函数
  • CEF 控制台添加一函数，枚举 注册的供前端使用的CPP交互函数有哪些
  • 顺序表的C语言实现与解析
  • 如何使用 CryptoJS 实现 DES 解密
  • 面试经典问题（持续更新）
  • 特征重要性与数据偏移的交叉分析
  • 习近平会见塞尔维亚总统武契奇
  • 中方就乌克兰危机提出新倡议？外交部：中方立场没有变化
  • 涨知识｜没想到吧，体育老师强调的运动恢复方法是错的？
  • 71岁导演詹姆斯・弗雷病逝，曾执导《纸牌屋》、麦当娜MV
  • 金地集团：今年前4个月实现销售额109.3亿元，同比下降52.44%
  • 复旦设立新文科发展基金，校友曹国伟、王长田联合捐赠1亿助力人文学科与社会科学创新