vue单独设置页面背景

背景：

平台首页配置全局样式，设置了背景图，但是某模块的功能页面不需要这个背景，如何处理？

方案一：

在界面中添加以下方法

beforeCreate () {
document.querySelector('body').classList.add("className");
},

beforeDestroy () {
document.querySelector('body').classList.remove("className");
}

方案二：

在源头地方解决

直接通过条件判断，是否需要加载背景的样式

方案一与方案二比较：

方案一：适用于修改少数页面，单个页面

方案二：修改全局，风险较大，但因为应用的场景是整个模块页面，每个页面去加方案一的方法，有些重复；

vue单独设置页面背景相关推荐

微信小程序中这么简单的设置页面背景图及字体颜色的方法，你还不会？
在微信小程序中,我们不免的要设置背景图片和字体颜色. 那怎么样才能做到简单的设置背景图片和字体颜色呢? 话不多说,直接开讲首先先说怎么设置页面背景图片: 这是博主准备的照片. 下面是在wxml中的代 ...
微信小程序设置页面背景颜色backgroundColor 无效的问题！
(1)原因: 当我们在微信小程序 json 中设置 backgroundColor 时,实际在电脑的模拟器中根本看不到效果. (2)分析: 这是因为 backgroundColor 指的窗体背景颜色, ...
jsp怎么设置页面背景
在日常jsp开发中经常要用到背景的设置,而在背景的设置也有多种多样,接下来小编将为你讲解常用的jsp页面背景设置.本项目百度网盘共享地址: http://pan.baidu.com/s/1c6BaFk ...
HTML5系列代码：设置页面背景图像
background-image 属性为元素设置背景图像. 元素的背景占据了元素的全部尺寸,包括内边距和边框,但不包括外边距. 默认地,背景图像位于元素的左上角,并在水平和垂直方向上重复. 提示:请设 ...
vue uniapp 动态设置页面背景图
在uniapp中的背景图需要动态变换一般结合后台返回数据渲染很简单但是每次都记不住自己写写加深印象这里是简单的html 代码 <view class="loginBg&quo ...
vue设置页面背景及背景图片
本地静态图片 <template><view class="max"><image src="../../static/bg.png&quo ...
vue动态设置页面title
一.项目场景: 新建一个vue项目,默认的页面title是这样的: 那如何做成这种如CSDN一样动态的呢? 分析:这个title分为两部分:"写文章"+"CSDN博客&q ...
vue 动态设置页面title
在这里我们介绍3种方法 1.通过自定义指令去修改(单个修改比较好) 1.在main.js 页面里添加自定义指令// Vue.directive('title', {//单个修改标题inserted: ...
uniapp设置页面背景颜色
在uniapp中,给当前页面添加满屏背景颜色,需要给当前组件的根元素添加绝对定位,宽高百分百,然后设置背景颜色 <template><view class="loginCo ...

vue单独设置页面背景

vue单独设置页面背景相关推荐

最新文章

热门文章