技术栈

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的乐观锁
相关推荐
问心无愧0513
15 小时前
ctf show web入门160 161
前端·笔记
李小白66
15 小时前
第四天-WEB服务器基本原理,IIS服务
运维·服务器·前端
humcomm
15 小时前
AI编程时代新前端职位
前端·ai编程
好家伙VCC
16 小时前
Web Components主题热切换方案揭秘
java·前端
甲维斯
16 小时前
Kimi版超级玛丽效果“惊人”,配额不足5厘米!
前端·人工智能
hboot
16 小时前
AI工程师第一课 - Python
前端·后端·python
凉菜凉凉
16 小时前
AI时代,被抛弃的前端
前端·ai
console.log('npc')
17 小时前
AI前端工程与生成式UI学习路线
前端·人工智能·ui
huangdong_
17 小时前
淘宝商品SKU图自动分类技术深度解析:从DOM解析到智能归档
开发语言·javascript·ecmascript
梦曦i
17 小时前
uni-router v1.1.1发布:守卫超时保护+路由监听
前端·uni-app
热门推荐
01HTTP 与 HTTPS 的区别:从原理到实战详解02《置身钉内》原文-可播放阅读03【AI】2026 年具身智能模型和世界模型总结042026 AI 编程工具终极实战指南:Cursor vs Claude Code vs Copilot,开发者该怎么选?05Claude Code、Codex、Cursor三分天下:2026年AI编程Agent生态全景剖析06AI科技热点日报 | 2026年6月1日072026年6月AI行业全景:从百模大战到Agent元年,这30天发生了什么?08GitHub 镜像站点09AI一周事件 · 2026-06-03 至 2026-06-09102026 年 AI 编程工具终极横评:Cursor vs Claude Code vs Copilot vs Windsurf