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

news/2024/11/28 8:49:27/

vue-改变body的css样式

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

http://www.ppmy.cn/news/1324940.html

vue2踩坑之项目：vue2+element实现前端导出

1.安装插件依赖 npm i --save xlsx0.17.0 file-saver2.0.5 2.单页面引入前端导出插件 import FileSaver from "file-saver"; import * as XLSX from "xlsx"; //html <el-form-item><el-button type"primary" plain size"mini&quo…

如何发挥 Sketch在UI和UX设计中的作用

Sketch是一款专业的矢量图形设计软件，主要应用于UI设计、移动应用设计、Web设计等领域。假如你是一个交互设计师或UI设计师，那么你一定知道Sketch这一强大的矢量设计软件；如果你使用了Photoshop，那么在你接触到Sketch之后&#xf…

Baumer工业相机堡盟工业相机如何通过NEOAPI SDK使用短曝光功能（C#）

Baumer工业相机堡盟工业相机如何通过NEOAPI SDK使用短曝光功能（C#） Baumer工业相机Baumer工业相机NEOAPI SDK和短曝光功能的技术背景Baumer工业相机通过NEOAPI SDK使用短曝光功能1.引用合适的类文件2.通过NEOAPI SDK使用短曝光功能3.通过NEOAPI SDK关闭短…

小程序中使用上传图片，显示、删除、预览

一、功能介绍需要哦用户点击加号上传图片，并展示所上传图片和能够删除和预览二、功能实现采用的uniapp，创建了一个view容器包裹加号图标和展示的图片。内部展示图片超过9张时候，加号图片隐藏 <view class"img-list">/…

小程序中使用微信同声传译插件实现语音识别、语音合成、文本翻译功能----语音识别（一）

官方文档链接：https://mp.weixin.qq.com/wxopen/plugindevdoc?appidwx069ba97219f66d99&token370941954&langzh_CN#- 要使用插件需要先在小程序管理后台的设置->第三方设置->插件管理中添加插件，目前该插件仅认证后的小程序。语音识别…

【QT】QThread 成员函数

Public Functions void QThread::exit(int returnCode 0) 告诉线程的事件循环需要退出，并且返回code 调用此函数后，线程离开事件循环并从对 QEventLoop::exec() 的调用返回。 QEventLoop::exec() 函数返回 returnCode，returnCode 为 0 表示…

Mysql深度分页优化的一个实践

问题简述: 最近在工作中遇到了大数据量的查询场景, 日产100w左右明细, 会查询近90天内的数据, 总数据量约1亿, 业务要求支持分页查询与导出. 无论是分页或导出都涉及到深度分页查询, mysql通过limit/offset实现的深度分页查询会存在全表扫描的问题, 比如offset1000w, limit10…

2023年山东省职业院校技能大赛高职组信息安全管理与评估模块二（正式赛）

2023年山东省职业院校技能大赛高职组信息安全管理与评估模块二模块二竞赛项目试题根据信息安全管理与评估技术文件要求，模块二为网络安全事件响应、数字取证调查和应用程序安全。本文件为信息安全管理与评估项目竞赛-模块二试题。介绍竞赛有固定的开始和结…

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

vue-改变body的css样式

相关文章