vue后端返回dom数据,动态放入v-html中,无法被css样式覆盖

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>
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值