如何在VueJs 3中的渲染功能中将插槽发送到组件

问题描述

我有一个像这样的组件

<template>
  <div class="my-hello">
    Hello {{ man }}
    <slot name="test"></slot>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'HelloWorld',props: {
    man: String
  }
})
</script>

我想用render函数来渲染这个组件。我的尝试是这样，但是没有用。

import { createApp,h } from 'vue'

const app = createApp({
  render () {
    return h(component,{ man: 'David' },{ test: () => h('p',{},'SLOT DATA') })
  }
})
app.mount(element)

在这里component是我导入的单个文件vue组件（HelloWorld）。 element是主要html上的某些元素。

这是怎么了？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）