神影天初 2022-12-08 14:22
浏览 29
已结题

Vue中的父组件在不使用render函数的情况下怎么渲染子组件的插槽内容

就像element 一样,el-table渲染el-table-column的默认插槽和header命名插槽的内容,但是这是使用的render函数,可以直接渲染虚拟DOM节点。

自定义父组件没有使用render函数的情况下怎么渲染子组件的插槽返回的虚拟DOM对象?

我试过自定义一个通用render函数组件用于渲染虚拟DOM,但是感觉在devtool中看起来不太清爽,有其它的方案吗?

<script>
import { Fragment, h } from 'vue';

export default {
  props: {
    vNode: {
      type: Object,
      required: true,
    },
  },
  render(_ctx, _cache, $props) {
    return h(Fragment, {}, $props.vNode);
  },
};
</script>
  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 12月16日
    • 创建了问题 12月8日

    悬赏问题

    • ¥100 iOS开发关于快捷指令截屏后如何将截屏(或从截屏中提取出的文本)回传给本应用并打开指定页面
    • ¥15 unity连接Sqlserver
    • ¥15 图中这种约束条件lingo该怎么表示出来
    • ¥15 VSCode里的Prettier如何实现等式赋值后的对齐效果?
    • ¥15 流式socket文件传输答疑
    • ¥20 keepalive配置业务服务双机单活的方法。业务服务一定是要双机单活的方式
    • ¥50 关于多次提交POST数据后,无法获取到POST数据参数的问题
    • ¥15 win10,这种情况怎么办
    • ¥15 如何在配置使用Prettier的VSCode中通过Better Align插件来对齐等式?(相关搜索:格式化)
    • ¥100 在连接内网VPN时,如何同时保持互联网连接