1.我们通常会根据后端爬取的dom数据动态插入到页面中,在vue中我们一般会使用v-html标签
例如:
<div class="infomation">
<ul>
<li><span>来源:{{info.news}}</span></li>
<li><span>发布时间:{{info.release}}</span></li>
<li><span>事故发生时间:{{info.acc}}</span></li>
<li>新闻内容:<span v-html="content"></span></li>
</ul>
</div>
但是我们发现在css样式中修改v-html里面的样式无效,那是因为v-html相当于子组件,如果css是scoped的话就是局部样式,是修改不到v-html里的dom的,所以要这样写
<style>
.infomation img{
width: 600px !important;
}
</style>