Skip to content

<ModulesRenderer>

INFO

内置组件无需注册,便可以直接在模板中使用。

<ModulesRenderer> 组件用于渲染指定的模块内容,适用于需要动态渲染模块项的场景。它必须在 <Provider> 组件的上下文中使用,并接受一个 item 属性,用于传入渲染的模块数据。

参数

  • item (Object):
    • 需要渲染的模块项,通常是一个对象,包含模块的详细数据。
    • 示例: item.items[0],其中 items 是包含多个模块项的数组,[0] 是其中一个模块。

使用示例

基本示例

在基本的用法中,<ModulesRenderer> 组件会根据传入的 item 渲染对应的模块内容:

vue
<template>
    <ModulesRenderer :item="item.items[0]" />
</template>

在上面的示例中,item.items[0] 是传入的模块数据,<ModulesRenderer> 将根据这个数据来渲染对应的模块。

配置和自定义

<ModulesRenderer> 会根据传入的模块数据自动渲染相关的内容。你可以通过动态改变 item 数据,控制渲染不同的模块项。

注意事项

  • 请确保 <ModulesRenderer> 组件始终在 <Provider> 组件的上下文中使用,因为它依赖于 <Provider> 提供的全局状态或功能。
  • item 数据必须是有效的模块数据对象,包含需要渲染的内容和配置。

配合其他组件使用

<ModulesRenderer> 组件可以与其他模块相关组件(如 <ModuleConfigureWidget><EventsWidget>)结合使用,构建更复杂的模块渲染和交互体验。