vue用v-html加载渲染，里面的内容样式不生效

作一个商品的详情页，须要输出富文本的内容，须要设置里面的图片样式最大宽度100%。但是设置img 100%后没反应，看F12检查元素也没加上去。

解决方法有2个：
一、scoped属性致使css仅对当前组件生效（用css3的属性选择器+生成的随机属性实现的），而html绑定渲染出的内容能够理解为是子组件的内容，子组件不会被加上对应的属性，因此不会应用css.解决的话把scoped属性去掉就好了。

二、另一种经常使用的方法利用vue的深度做用选择器。要为v-html渲染出中的标签添加CSS样式，咱们须要在写样式的时候添加>>>就能够搞定了，以下：

.desc-detail .desc-view >>> img{
    display: block;
    max-width: 100%;
  }

若是使用方法2，是不能用less或者scss，须要使用css语法，不然会报错