如何对vue中v-htm渲染出的元素添加样式

在开发时我们可能会遇到对vue中的v-html渲染出来的元素添加样式;在原有的style里面加也没有效果;
下面有3中方法可以起到效果;

  1. 去掉style标签中的scoped属性,此方法会对全局的样式污染,不建议使用;
  2. 在钩子函数 updated()里面对要添加样式的元素添加样式;
 updated(){
        let art = document.getElementById('myArticle')
        let img = art.querySelectorAll('img')
        img.forEach(item=>{
            item.style.height = '300px'
        })
    }
  1. 使用>>>
 #myArticle>>>img{
        height: 300px;
       }
如何对vue中v-htm渲染出的元素添加样式如何对vue中v-htm渲染出的元素添加样式 背包Boy 发布了16 篇原创文章 · 获赞 12 · 访问量 1845 私信 关注
上一篇:SharePoint 2013 日历重叠功能简介


下一篇:Ubuntu18.04安装python3.8.2