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

相关推荐
清风细雨_林木木33 分钟前
Vue 2 项目中配置 Tailwind CSS 和 Font Awesome 的最佳实践
前端·css·vue.js
小宁爱Python37 分钟前
深入掌握CSS Flex布局:从原理到实战
前端·javascript·css
weifont1 小时前
React中的useSyncExternalStore使用
前端·javascript·react.js
初遇你时动了情2 小时前
js fetch流式请求 AI动态生成文本,实现逐字生成渲染效果
前端·javascript·react.js
几何心凉2 小时前
如何使用 React Hooks 替代类组件的生命周期方法?
前端·javascript·react.js
小堃学编程2 小时前
前端学习(1)—— 使用HTML编写一个简单的个人简历展示页面
前端·javascript·html
懒羊羊我小弟3 小时前
使用 ECharts GL 实现交互式 3D 饼图:技术解析与实践
前端·vue.js·3d·前端框架·echarts
运维@小兵4 小时前
vue访问后端接口,实现用户注册
前端·javascript·vue.js
雨汨4 小时前
web:InfiniteScroll 无限滚动
前端·javascript·vue.js
小盐巴小严4 小时前
正则表达式
javascript·正则表达式