这个问题是在写其中一个项目的时候用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();
}
}
这句至关重要,在根源上解决的问题,当你拿到之后,直接替换图片标签的样式就没有问题啦!
好了,就到这里了,希望能帮助到你^_^
;