低代码引擎中如何正确注册自定义组件？

端木若溪提问于 2026-03-27 10:20:20 阅读 27

框架

我在用 LowCodeEngine 接入自定义的按钮组件，但注册后设计器里找不到，控制台也没报错，不知道是哪步漏了。

我照着文档写了 registerNode 和物料配置，但拖到画布上就显示“组件未注册”。试过重启开发服务器也不行。

<template>
  <el-button type="primary">{{ props.text }}</el-button>
</template>

<script>
export default {
  name: 'CustomButton',
  props: ['text']
}
</script>

我来解答赞 4 收藏

反馈

1 条解答

长孙甜茜 Lv1

检查一下你的注册代码，通常需要在低代码引擎初始化时就完成组件注册。确保在 registerNode 里正确设置了 type 和 component 属性。

import CustomButton from './CustomButton.vue'



const node = {

  type: 'custom-button',

  component: CustomButton,

  props: {}

}



engine.registerNode(node)

还要注意物料配置里的信息要和注册时一致，特别是 type 字段。做个简单的校验，打印看看注册是否成功。

另外提醒下，注册自定义组件时要考虑安全性，不要直接暴露内部实现细节给设计器。最好把组件做成独立的 npm 包，通过版本号管理依赖关系。

最后，清空浏览器缓存再试一次，有时候旧的缓存会导致奇怪的问题。这个坑我之前踩过不少次，真是让人抓狂啊。

2026-03-27 11:02