共计 272 个字符,预计需要花费 1 分钟才能阅读完成。
1. 组件中使用 v -html 插入标签字符串时,style 标签的样式对其不生效
代码
2. 因为 scope 包裹的 style 会识别 dom 上的 data-v-.. 这样的标识
插入前的 dom 上有 data- v 的标识,插入后的标签没有这个标识所以 scope 的样式不起效
3. 解决办法
去掉 styleb 标签中的 scope 属性,形成组件的全局样式,父 dom 标签添加 class 类名防止影响其他组件的标签
代码
这样就解决了问题
原文地址: v-html 插入 html 标签字符串时 css 不起效
正文完