vue 在使用v-html绑定的时候,里面的元素不会继承外部的css,解决方案
2024-09-27 11:32:34
问题
想用vue绑定父文本生成的HTML内容,但是发现CSS样式根本不生效,选择器没起作用
代码:
<div class="announcedetailImg" v-html="detailList.content"></div>
设置样式:
<style lang="less" scoped>
.announcedetailImg{
width:100%;
}
.announcedetailImg img{
width:100% !important;
display:block;
}
.announcedetailImg p{
color:#333;
font-size:16px;
} </style>
这样之后,发现样式不起作用
解决方案:
scoped属性导致css仅对当前组件生效(用css3的属性选择器+生成的随机属性实现的),而html绑定渲染出的内容可以理解为是子组件的内容,子组件不会被加上对应的属性,所以不会应用css.
解决的话把scoped属性去掉就行了
最新文章
- Xamarin.Android活动的生命周期
- mysql order by 优化 |order by 索引的应用
- 萝卜招聘网 http://www.it9s.com 可以发布免费下载简历求职 ,免费!免费!全部免费!找工作看过来 免费下载简历 !
- android混淆那些事
- Expression Blend4经验分享:制作一个简单的图片按钮样式
- Map.Entry
- 机器学习(Machine Learning)&;深度学习(Deep Learning)资料
- PHP学习笔记:利用时间和mt_rand函数获取随机名字
- 160907、CSS 预处理器-Less
- Log4net使用指南
- Windows XP CD 函数不正确
- .NET基础拾遗(4)委托和事件2
- 查找EBS中各种文件版本(Finding File Versions in the Oracle Applications EBusiness Suite - Checking the $HEADER)
- C#中一个问号和两个问号(a ?? b)的作用
- MYSQL group_concat() 函数
- PHP实现插入排序算法
- 20155237 2016-2017-2 《Java程序设计》第5周学习总结
- python unittest 测试笔记(二):使用Requests
- POJ2411 铺地砖 Mondriaan&#39;s Dream
- 快速解决PHP调用Word组件DCOM权限的问题
热门文章
- adb shell unauthorized问题
- excel中COUNTIF的使用
- MySQL性能调优与架构设计——第5章 备份与恢复
- Mac OS X 下android环境搭建
- 适配器(Adapter)模式
- Eclipse操作技巧记录
- System.Net.Http
- MongoDB插入时间不正确的问题
- MySQL参数log_bin_trust_function_creators
- 关于fatal error LINK1123:failure during conversion to COFF:file invalid or corrupt