uni-app 开发 微信小程序 v-html会生成 rich-text，不好设置图片样式，给图片的最大宽度设置100% 电脑版发表于：2025/3/18 9:52 ### 方案一：通过修改数据源添加内联样式（推荐） 在绑定v-html的内容中，直接为<img>标签添加内联样式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> ```
