技术栈

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的乐观锁
相关推荐
stringwu
3 分钟前
Flutter GetX 核心坑及架构选型与可替换性方案
前端·flutter
耗子君QAQ
4 分钟前
为什么 AI 写代码也需要说明书?
前端·javascript·ai编程
h_6543210
4 分钟前
公告/消息提示从右向左循环滚动vue
前端·javascript·vue.js
Lyyaoo.
5 分钟前
JWT 令牌(待更新)
java·前端·javascript
weixin_43677787
8 分钟前
el-select的label没有没有反显怎么办?
开发语言·前端·javascript
米丘
13 分钟前
vue3.x 编译 script setup 编译过程
vue.js·node.js·babel
暗不需求
15 分钟前
React项目架构深度解析:从0到1理解现代前端工程化
前端·javascript·react.js
Lkstar
15 分钟前
读懂 Vue3 响应式源码:从枚举到 Proxy 拦截器
vue.js
孙凯亮
15 分钟前
Electron 项目终极实战总结:从黑屏踩坑到自动更新全流程
前端·electron
jiayong23
17 分钟前
第 40 课:任务详情抽屉里的编辑 / 删除联动强化
java·开发语言·前端·javascript·vue.js·学习
热门推荐
012026年4月技术前沿:AI大模型爆发、智能体革命与量子安全新纪元02GitHub 镜像站点03近期有什么ai的新消息,新动态? 2026.4月042026年4月AI大事件深度解读:大模型竞争进入“深水区“05codex app每次打开重连5次Reconnecting问题解决06AI Weekly | 2026年4月第二周 · GitHub热门项目与AI发展趋势深度解析072026年AI前瞻:量子AI、具身智能与科学发现的新纪元08CC-Switch & Claude 基于 Linux 服务器安装使用指南092026 年 AI 编程助手全面对比评测:Cursor vs Copilot vs Claude Code vs GitHub Copilot Free10从限购到畅通:GLM-5.1 Coding Plan接入攻略