技术栈

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的乐观锁
相关推荐
晴天16
2 分钟前
HarmonyOS 和 React 对比-Day22
前端·华为·harmonyos
海鸥两三
5 分钟前
【websocket合集2】websocket.js源码解析和页面调用示例
javascript·websocket·网络协议
AlienZHOU
7 小时前
DeepSeek Harness 插件:HTML 实时可视化编辑
前端·agent·deepseek
剪刀石头布啊
9 小时前
javascript手动实现继承
前端
Elias不吃糖
9 小时前
Langfuse 入门:Trace、Prompt、Dataset、Experiment、Evaluator
前端·python·prompt·langfuse
vipbic
10 小时前
一个前端的 9 天重构:我是怎么用 Codex 重做航栈的
前端·javascript·后端
资源大佬星 课it
10 小时前
重学C++ ,重构你的C++知识体系
vue.js·docker·django
Eason_Lou
11 小时前
【无标题】
前端·vue.js·html
_codemonster
12 小时前
npm run dev 是在开发模式运行,怎么在生产环境运行
前端·npm·node.js
热门推荐
01国内可直接用、免费额度/永久免费的大模型API清单(含 SiliconFlow、火山、阿里、智谱、百度、Kimi、DeepSeek、DMXAPI 等)02GitHub 镜像站点032026 国产 AI 大模型横评:DeepSeek、通义千问、Kimi、文心一言、星火、豆包谁更能打?04微信历史版本含下载地址( Windows PC | 安卓 | MAC )及设置微信不更新05Agnes AI 免费 API 接入指南:文本、生图、生视频,一套接口全免费06历年考研数学一、数学二、数学三真题试卷及答案PDF07VSCode+CodeX扩展,无法启动08AI 编程 IDE 全景解析 2026:Agent 全面接管开发链路092026年7月AI圈大地震:GPT-5.6被政府限制、Claude入驻Slack、Anthropic自研芯片10如何新建文件夹? 电脑新建文件夹的4种方法