Nuxt2 vue 给特定的页面 body 设置 background 不影响其他页面

首先认识一下 BODY_ATTRS

他可以在页面单独设置

js 复制代码
  head () {
    return {
      bodyAttrs: {
        form: 'form-body'
      }
    };
  },

设置完效果是只有这个页面会加上

接下来在APP.vue中添加样式

相关推荐
半桶水专家10 小时前
父子组件通信详解
开发语言·前端·javascript
Watermelo61710 小时前
从vw/h到clamp(),前端响应式设计的痛点与进化
前端·javascript·css·算法·css3·用户界面·用户体验
寻星探路10 小时前
测试开发话题10---自动化测试常用函数(2)
java·前端·python
Moment10 小时前
快到  2026  年了:为什么我们还在争论  CSS 和 Tailwind?
前端·javascript·css
梵得儿SHI10 小时前
Vue 核心语法详解:模板语法中的绑定表达式与过滤器(附 Vue3 替代方案)
前端·javascript·vue.js·插值语法·vue模板语法·绑定表达式·过滤器机制
江城开朗的豌豆10 小时前
TypeScript枚举:让你的代码更有"选择权"
前端·javascript
江城开朗的豌豆10 小时前
TypeScript接口:打造你的代码“契约”之道
前端·javascript
江城开朗的豌豆10 小时前
TypeScript类:面向对象编程的超级武器
前端·javascript
鹏多多10 小时前
React项目使用useMemo优化性能指南和应用场景
前端·javascript·react.js
dllxhcjla11 小时前
css第一天
java·前端·css