uni-app中渲染文本中带有图片其宽度给css不起作用怎么办？

这个问题是在写其中一个项目的时候用v-html发现的，就算给这个view下面的图片给了宽度 ，但是审查元素的时候，就是找不到css,研究了一下，最后得出了方案。

1.看template里面
<rich-text class="rich" v-if="id" :nodes="textare"></rich-text>

渲染的时候我们换成 roch-text 标签，这个是uni-app提供的渲染标签。

2.在script里面操作

export default{
data(){
textare:’’
},
methods:{
message:function(){
uni.request({
url:"",
method:‘GET’,
data:{},
success:(res)=>{
this.textare = res.data.message.replace(/<img/g, '<img style=“max-width:100%;height:auto” ');
}})

}
},
onload:function(){
this.message();
}
}
这句至关重要，在根源上解决的问题，当你拿到之后，直接替换图片标签的样式就没有问题啦！

好了，就到这里了，希望能帮助到你^_^;