通过component传自定义组件的，希望可以把方法传给自定义组件 about el-form-renderer

[2nthony]

抛砖引玉,风险自负😋, 可以包裹一层组件或者更深

通过this.$options.components来获取组件

好处:熟悉的模板语法即可
弊端:他相对独立,即依旧无法直接传递给content.component

<template>
  <div class="my-upload">
    <form-renderer :content="content"></form-renderer>
  </div>
</template>

<script>
import FormRenderer from '@femessage/el-form-renderer/src'
import UploadToAli from '@/comps/UploadToAli.vue'

export default {
  components: {
    FormRenderer,

    MyUpload: {
      components: {
        UploadToAli
      },
      template: `
        <UploadToAli
          @loaded="onLoaded"
        ></UploadToAli>
      `,
      methods: {
        onLoaded(url) {
          console.log(url)
        }
      }
    }
  },

  data() {
    return {
      content: [
        {
          $id: 'upload',
          label: 'upload',
          component: this.$options.components.MyUpload
        }
      ]
    }
  }
}
</script>

[levy9527]

这样太复杂了。方法写得到处都是。

[levy9527]

建议升级组件，使用slot

[2nthony]

当事人处理方式

PS:当时还没有定位插槽

<el-form-item label="东西">
  <el-input/>
</el-form-item>

<el-form-renderer :content="content"/>