使用Taro+vue3展示html时,图片无法自适应高度的问题

  1. 问题描述

使用taro+vue3开发小程序,后端使用wangeditor导出html字符串后,前端使用v-html展示html内容。但是html中的图片高度被微信重写了:

  1. 参考文档

https://docs.taro.zone/docs/html#transformelement

  1. 解决方案

针对img单独处理,增加mode属性,固定宽,自动高度

  1. 具体代码

Taro.options.html.transformElement = (el) => {
  if (el.nodeName === 'image') {
    el.setAttribute('mode', 'widthFix')
  }
  return el
}


使用Taro+vue3展示html时,图片无法自适应高度的问题
http://xuyuanhang.com//archives/shi-yong-taro-vue3zhan-shi-htmlshi-tu-pian-wu-fa-zi-gua-ying-gao-du-de-wen-ti
作者
许远航
发布于
2025年04月16日
许可协议