技术栈

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的乐观锁
相关推荐
mCell
1 小时前
使用 useSearchParams 同步 URL 和查询参数
前端·javascript·react.js
mCell
3 小时前
前端路由详解:Hash vs History
前端·javascript·vue-router
海上彼尚
3 小时前
无需绑卡的海外地图
前端·javascript·vue.js·node.js
1024肥宅
3 小时前
手写 call、apply、bind 的实现
前端·javascript·ecmascript 6
科杰智能制造
4 小时前
纯前端html、js实现人脸检测和表情检测,可直接在浏览器使用
前端·javascript·html
每天吃饭的羊
4 小时前
组件库的有些点击事件是name-click这是如何分装de
前端·javascript·vue.js
Coder-coco
4 小时前
个人健康管理|基于springboot+vue+个人健康管理系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·后端·mysql·论文
x***0106
4 小时前
SpringSecurity+jwt实现权限认证功能
android·前端·后端
1024肥宅
5 小时前
防抖(Debounce)
前端·javascript·ecmascript 6
1024肥宅
5 小时前
节流(Throttle)
前端·javascript·ecmascript 6
热门推荐
01GitHub 镜像站点02UV安装并设置国内源03安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)04BongoCat - 跨平台键盘猫动画工具05Linux下V2Ray安装配置指南06本地部署阿里最新开源的Z-Image07【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连08Meta第三代“分割一切”模型——SAM 3本地部署教程:首支持文本提示分割,400万概念、30毫秒响应,检测分割追踪一网打尽0946个Nano-banana 精选提示词,持续更新中10Gemini 3.0 Pro Preview 实测报告