vue中改变v-html中包含body标签的样式修改方法

vue-改变body的css样式

bash 复制代码
beforeCreate() {
    document.querySelector('body').setAttribute('style', 'background-color:#f4f4f4; color:#666666;')
    },
beforeDestroy() {
    document.body.removeAttribute('style')
    },

在方法里加这个 document.querySelector('body').setAttribute('style', 'background-color:#f4f4f4; color:#666666;')就可以改变body里的样式。

如果是改变v-html中其他的样式就用::v-deep可以改变

相关推荐
+VX:Fegn08954 分钟前
计算机毕业设计|基于springboot + vue图书管理系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
阿蒙Amon1 小时前
JavaScript学习笔记:6.表达式和运算符
javascript·笔记·学习
小a杰.1 小时前
Flutter 设计系统构建指南
开发语言·javascript·ecmascript
kgduu3 小时前
js之事件系统
javascript
前端老宋Running4 小时前
“受控组件”的诅咒:为什么你需要 React Hook Form + Zod 来拯救你的键盘?
前端·javascript·react.js
阿蒙Amon4 小时前
JavaScript学习笔记:7.数字和字符串
javascript·笔记·学习
Highcharts.js4 小时前
官方文档|Angular 框架集成 Highcharts Dashboards
前端·javascript·angular.js·highcharts·看板·使用文档·dashboards
韭菜炒大葱4 小时前
React 新手村通关指南:状态、组件与魔法 UI 🧙‍♂️
前端·javascript·react.js
Dwzun5 小时前
基于SpringBoot+Vue的二手书籍交易平台系统【附源码+文档+部署视频+讲解)
java·vue.js·spring boot·后端·spring·计算机毕业设计
小明记账簿5 小时前
JavaScript浮点数精度问题及解决方案
开发语言·javascript·ecmascript