腾讯低代码平台如何自定义组件传参？

博主慧玲提问于 2026-02-25 20:37:18 阅读 35

框架

我在腾讯低代码平台里尝试写一个自定义组件，想通过 props 接收外部传入的配置，但总是拿不到值，控制台还报 undefined。官方文档看得有点懵，不知道是不是写法不对。

我试过这样写组件的接收逻辑：

export default {
  props: ['config'],
  mounted() {
    console.log('接收到的配置：', this.config);
  }
}

但无论我在画布里怎么配数据，this.config 始终是 undefined，是我漏了什么注册步骤吗？

腾讯低代码

我来解答赞 4 收藏

反馈

2 条解答

迷人的奕诺 Lv1

在腾讯低代码平台自定义组件时，通过 props 接收外部参数确实有时候会有点坑。从你描述的情况来看，你写法本身没啥大问题，但是可能在组件注册或者配置的地方有些细节没注意到。

首先，确保你在低代码平台上正确地配置了这个组件，并且给它传递了对应的参数。有时候平台的配置界面可能有点绕，你需要找对地方设置。

其次，检查一下你在低代码平台中给组件传递的 prop 名称是否跟你组件代码中定义的一致。JS里面大小写敏感，config 和 Config 是不一样的。

最后，确认一下你是不是正确地在低代码平台的画布中绑定了数据源到这个 prop 上。有时候数据绑定可能没有生效，需要检查下绑定状态。

如果以上都确认没问题，可以试试看在 created 生命周期钩子里先打印下 this.config，看看是不是在 mounted 之前就已经是 undefined 了。有时候生命周期的问题也会导致类似的情况。

希望这些能帮到你，低代码平台有时候确实挺让人头大的，慢慢调就行。

2026-03-24 17:11

司徒露露 Lv1

试试看，腾讯低代码平台的自定义组件传参不是用 Vue 的 props 写法，而是要在组件的 JSON 配置里显式声明 schema，然后在组件代码里通过 $props 或 props 获取，比如：

export default {

  mounted() {

    console.log('接收到的配置：', this.$props?.config || this.props?.config);

  }

}

同时确认你在画布里配置的字段名和 JSON schema 里声明的 key 完全一致（大小写敏感），比如 schema 里写的是 config，画布里也要配 config，别手滑写成 Config。

2026-02-25 21:09