uniapp v-html

在uni-app中，v-html是一种语法，用于在H5端和app-vue的v3编译器下使用。它可以将富文本内容渲染到页面上。但需要注意的是，在小程序中不支持v-html语法。所以如果你的项目包含小程序，就不建议使用v-html。

相比之下，uni-app提供了另一种内置组件rich-text来实现富文本的渲染。rich-text具有全端支持和高性能的优势，但缺点是无法为富文本中的图片和超链接单独设定点击事件。如果富文本中需要有可点击事件的内容，也不推荐使用rich-text组件。

另外，有一款插件称为uparse也可以实现富文本的渲染。uparse具有全端支持（除了nvue）的特点，但是不支持nvue。因此，如果你的项目包含app和小程序，可以考虑使用uparse。在nvue页面中可以单独使用rich-text组件来实现富文本的渲染。

使用uparse的方法是先从插件市场导入uParse修复版-html富文本加载插件，然后在页面中引入uParse组件并在模板中使用。可以通过@preview和@navigate事件来处理富文本中图片和链接的点击事件。在APP.vue中还需要引入parse.css样式文件才能生效。如果不想在每个页面单独引入组件，也可以在main.js中进行全局注册。

总结起来，如果项目不包含小程序，可以使用v-html语法。如果项目包含小程序，可以考虑使用uparse，然后在nvue页面中使用rich-text组件。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [uni-app富文本渲染方案rich-text、uparse、v-html简单解析](https://blog.csdn.net/u012767761/article/details/127282124)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [uniapp-初学者从零到有-三天开发](https://download.csdn.net/download/qq_35869617/76755146)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]