使用v-html渲染图片后，图片的尺寸不能改变原因及解决方案

我的使用场景

 使用v-html渲染从接口中拿到的标签

结构是p标签中包裹了一些img标签

成功渲染后想改变图片的大小但是无法改变

先说解决方法：

第一种：去掉<style lang="less" scoped>上面的scoped

第二种：使用深度选择器(这里是采用的less写法，css写法是>>> img sass没用过不清楚)

 

 第三种：我百度的不太理解  大概意思给每一个包含<img拼接上style

 以上三种写法都可以完美解决 推荐第二种，第一种太粗暴

原因我分析，在这里我怀疑是不是v-html的作用是相当与把需要渲染的标签当作子组件添加到页面

考虑一：去点scoped就能生效，scoped作用是使样式在本组件内生效不影响子组件的样式

考虑二：深度选择器的作用如下----- 在style设置为scoped的时候,里面在写样式对子组件是不生效的,如果想让某些样式对所以子组件都生效,可以使用/deep/深度选择器。

据此我得出以上结论。

看得懂的源码里肯定可以有写，但我是小菜鸡有点不想看，自己瞎分析了。