vue 项目中v-html 修改img图片大小 亲测好用
最近在做vue项目中,因为详情的页面是通过富文本编辑器过来的,所以在前端项目中就用到了v-html去渲染传过来的内容由于以前也不存在修改图片大小,所以一直也没关注这方面的问题话不多说,先上我的解决方式this.productInfo.content = this.productInfo.content.replace(/<img/g,"<img style='max-wi...
·
最近在做vue项目中,因为详情的页面是通过富文本编辑器过来的,所以在前端项目中就用到了v-html去渲染传过来的内容
由于以前也不存在修改图片大小,所以一直也没关注这方面的问题
话不多说,先上我的解决方式
this.productInfo.content = this.productInfo.content.replace(/<img/g,"<img style='max-width:100%;height:auto;'");
css也有对应的解决方式(我们是less环境)
::v-deep img{
width:100%;
}
不过个人还是觉得正则好用
当然你有更好的方式方法,可以留言与我沟通
不喜勿喷 (*^▽^*)
更多推荐
已为社区贡献3条内容
所有评论(0)