uni-app 开发 微信小程序 v-html会生成 rich-text，不好设置图片样式，给图片的最大宽度设置100%

方案一：通过修改数据源添加内联样式（推荐）

在绑定v-html的内容中，直接为标签添加内联样式style=”max-width:100%”。这需要你在生成内容时进行字符串替换：

<template>
  <rich-text :nodes="processedHtml"></rich-text>
</template>
<script>
export default {
  data() {
    return {
      originalHtml: '<p>内容<img src="xxx.jpg"></p>'
    };
  },
  computed: {
    processedHtml() {
      // 将所有<img>标签替换为带样式的标签
      return this.originalHtml.replace(/<img/g, '<img style="max-width:100%;"');
    }
  }
};
</script>