技术栈

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的乐观锁
相关推荐
虚伪的空想家
7 分钟前
arm架构服务器使用kvm创建虚机报错,romfile “efi-virtio.rom“ is empty
linux·运维·服务器·javascript·arm开发·云原生·kvm
t***2659
27 分钟前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
蓝胖子的多啦A梦
29 分钟前
ElementUI表格错位修复技巧
前端·css·vue.js·el-table表格错位
_OP_CHEN
41 分钟前
前端开发实战深度解析:(一)认识前端和 HTML 与开发环境的搭建
前端·vscode·html·web开发·前端开发
Irene1991
1 小时前
ES6 export 语句 语法规范
javascript·es6·export
xiAo_Ju
1 小时前
iOS一个Fancy UI的Tricky实现
前端·ios
H***9976
1 小时前
Vue深度学习实战
前端·javascript·vue.js
猴猴不是猴
1 小时前
js实现卷轴,中间可滑动方块,左右两侧对比
javascript·css·css3
toooooop8
1 小时前
Vuex 中 state、mutations 和 actions 的原理和写法
前端·javascript·uni-app
y***8669
2 小时前
前端CSS-in-JS方案
前端·javascript·css
热门推荐
01GitHub 镜像站点02【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连03BongoCat - 跨平台键盘猫动画工具04UV安装并设置国内源05Google Antigravity:无法登录?早期错误、登录修复和用户反馈指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07Linux下V2Ray安装配置指南08Spring Boot 4.0 发布总结:新特性、依赖变更与升级指南09全球最强模型Grok4,国内已可免费使用!(附教程)10Labelme从安装到标注:零基础完整指南