第一步：utils.js
export function setBodyBg(colorStr) {
document.body.style.backgroundColor=colorStr;
}
第二步：在需要的页面引入
import {setBodyBg} from '@/utils/utils';
mounted(){ //在mounted 设置你想要设置的背景色
setBodyBg('#f5f5f5');
},
destroyed () { //在destroyed 还原body 本身颜色
setBodyBg('#fff');
}
第一步：utils.js 第二步：在需要的页面引入
全局窗口背景色： App.vue中设置单个页面窗口背景色：在页面的vue文件中设置
1. 问题： 开发过程中，可能不同路由页面背景色不一样，可以通过js来设置。 2. 解决： 直接在当前的page内...
利用组件的路由实现： 具体如下： ``` beforeRouteEnter (to, from, next) { ...
目标 对微信小程序某个页面，设置背景色。 当前效果 预期效果 解决方案 在页面对应的wxss文件中，增加如下内容：
使用场景 1、Vue-cli 中为单独页面设置背景色只需要给单独页面添加如下js 2、demo 生成效果图
vue小项目总结2： 页面适应全屏 1、直接给body设置height:100%发现无效，原因是html根标签没有...
可以看到，未设置html 的背景色时， body 的背景色超过了自己的范围，跑到 html 的地盘上去了。。。
在页面初始时重新设置body的高度
页面结构如下，当我们设置没有设置body的高度时候，页面上默认是视口的高度，同时设置overflow：hidden...
本文标题：vue 设置某个页面body 的背景色
本文链接：https://www.haomeiwen.com/subject/cimtbctx.html
网友评论