taro之--使用远程小程序组件

最新推荐文章于 2024-04-07 17:42:57 发布

瞬间的醒悟

最新推荐文章于 2024-04-07 17:42:57 发布

阅读量550

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/m0_74433188/article/details/129950618

版权

文章讲述了如何在Taro应用中复用小程序组件，特别是使用towxml来渲染服务端返回的Markdown格式帖子详情。首先在页面配置中引入towxml组件，然后在React或Vue的代码中声明并使用小写形式的towxml组件，最后按照towxml文档进行调用以正确显示内容。

摘要由CSDN通过智能技术生成

某些情况下我们需要复用小程序既有生态，而小程序的组件/库通常是针对特定小程序写的，并不能直接在 Taro 上使用，需要一些额外的操作。

例如我们的论坛应用，在帖子详情可能服务端返回的是 MarkDown 格式，我们就需要 towxml 来渲染的我们的帖子：

首先我们需要在帖子详情页面的配置文件中引用 towxml:

export default {
  usingComponents: {
    towxml: '../../towxml/towxml',
  },
}

然后使用 towxml 组件，这里必须记住的是不管是 React 还是 Vue，原生小程序组件声明需要是小写的

src/pages/thread_detail/thread_detail.vue

- <view v-html="reply.content_rendered | html" class='content' />
+ <towxml :nodes="reply.content_rendered | html" />

最后按照 towxml 文档调用即可。

关注