技术栈

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的乐观锁
相关推荐
传人once
5 小时前
页面中心圆圈放大效果如何写
开发语言·javascript·ecmascript
用户03330741395
5 小时前
TypeScript using 与 AsyncDisposableStack:在真实服务端代码中协调多资源清理
前端
web3d520
5 小时前
Vue3 地图白屏排查清单:容器、弹窗与 ol-viewport 重复创建
vue.js·gis
daisychey
5 小时前
用 Playwright 做多平台内容分发,我踩过的 8 个坑
前端
IT_陈寒
6 小时前
为什么你应该学习JavaScript?
前端·人工智能·后端
大龄秃头程序员
6 小时前
iOS冷启动监控Demo
前端
光影少年
7 小时前
为什么 JavaScript 中 0.1 + 0.2 !== 0.3,如何让其相等?
前端·javascript·算法
掘金酱
7 小时前
[稀土掘金 × 火山引擎] AI用量周榜冲刺赛|获奖名单公示
前端·人工智能·后端
泡泡oO
7 小时前
“如果你还在用Superpowers,那我不要和你说话”
前端·后端·全栈
维克兜率天
7 小时前
趋势过滤:避免被“假突破“反复打脸
前端
热门推荐
01如何新建文件夹? 电脑新建文件夹的4种方法02国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)03历年考研数学一、数学二、数学三真题试卷及答案PDF04GitHub 镜像站点05Telegram APK 下载安装完整指南 — 2026年最新06蜘蛛磁力 搜索引擎大全,如何使用蜘蛛磁力查找磁力链接07微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新08Windows 10/11 如何退出微软账户并改用本地账户登录(含找不到选项的解决方法)09轻量化AI渗透武器库|ARTEX自主攻防系统、资产梳理、漏洞挖掘、链路分析全流程智能化落地102026 爱知・名古屋亚运会怎么看?直播平台+赛程安排分享