问题:项目详情页的是通过富文本编辑来的,在前端用v-html去渲染传过来的内容时,图片大小无法修改,导致图片在页面上展示不完整
解决方法:
// 获取项目详情信息
getProDetails(): void {
this.$api.goodApi.product.getProjectInfo(this.productId, (data) => {
this.projectDetail = data.data;
**this.projectDetail.projectDesp = this.projectDetail.projectDesp!.replace(
/<img/g,
"<img style='max-width:100%;height:auto;'"
);**
});
}
在拿到内容时全局替换;