技术栈

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的乐观锁
相关推荐
扶苏1002
23 分钟前
详解Vue3的provide和inject
前端·javascript·vue.js
武帝为此
38 分钟前
【Shell 函数库介绍】
前端·chrome
yuki_uix
1 小时前
GraphQL 重塑:从 API 语言到 AI 时代的"逻辑神经系统"
前端·graphql
奋斗吧程序媛
1 小时前
Vue3初体验(2)
前端·javascript·vue.js
css趣多多
1 小时前
vue3的ref响应式,取值的时候自动补全value的设置,以及两种修改方式
前端
学习3人组
1 小时前
Win11 使用 Proxifier 强制本地流量通过 Fiddler Classic 代理指南
前端·测试工具·fiddler
超绝大帅哥
2 小时前
vue2vue3响应式
前端
Hhang
2 小时前
Pageindex -- 新一代的文档智能检索
前端·人工智能
恋猫de小郭
2 小时前
Claude Code 已经 100% 自己写代码,为什么 Anthropic 还有上百个工程职位空缺?
前端·人工智能·ai编程
liann119
2 小时前
4.3.2_WEB——WEB后端语言——PHP
开发语言·前端·网络·安全·web安全·网络安全·php
热门推荐
01PHP Error: 常见错误及其解决方法02GitHub 镜像站点03Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services04UV安装并设置国内源05openClaw安装飞书插件|核心踩坑:spawn EINVAL 错误终极解决指南06HTB 赛季10 - Pterodactyl - user07243 行 microGPT:把“训练 + 推理”拆到骨头里08爬虫逆向之观安(观镜WEB应用安全防护系统)09SwiftUI-TextField组件学习10Linux下V2Ray安装配置指南