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可以改变

相关推荐
AI服务老曹9 分钟前
掌握核心代码:基于 Spring Boot + Vue 的 AI 视频管理平台源码架构与二次开发实战(全开源/低代码/私有化)
vue.js·人工智能·spring boot
wefly201734 分钟前
m3u8live.cn:免安装 HLS 在线播放器,流媒体调试效率神器
开发语言·javascript·python·django·ecmascript·hls.js 原理·m3u8 解析
J_liaty34 分钟前
JavaScript 基础知识全解析:从入门到精通
开发语言·javascript
天若有情67336 分钟前
前端HTML精讲02:表单高阶用法+原生校验,告别冗余JS,提升开发效率
前端·javascript·html
蜡台37 分钟前
Vue 组件通信的 12 种解决方案
前端·javascript·vue.js·props
吴声子夜歌40 分钟前
TypeScript——局部类型、联合类型、交叉类型
javascript·git·typescript
wefly20172 小时前
jsontop.cn:一站式 JSON 全能工具集,开发全流程效率神器
前端·javascript·python·django·json·json在线转换
YAY_tyy5 小时前
Vue3 + Three.js 实战:自定义 3D 模型加载与交互全流程
前端·javascript·vue.js·threejs
英俊潇洒美少年6 小时前
SSE 流式接口讲解
javascript
我命由我1234510 小时前
React Router 6 - 编程式路由导航、useInRouterContext、useNavigationType
前端·javascript·react.js·前端框架·html·ecmascript·js