前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >vue3 函数式组件调试报警 Non-function value encountered for default slot

vue3 函数式组件调试报警 Non-function value encountered for default slot

作者头像
路过君
发布2023-01-14 09:33:17
1.9K0
发布2023-01-14 09:33:17
举报

开发调试报警

[Vue warn]: Non-function value encountered for default slot. Prefer function slots for better performance.

原因

声明函数式组件时插槽传值时使用了非函数类型的值

代码语言:javascript
复制
const component = (props: any) => {
    return h(
        MyComponent1,
        props,
        h(MyComponent2)
    )
}

解决

改写成如下形式即可

代码语言:javascript
复制
const component = (props: any) => {
    return h(
        MyComponent1,
        props,
        () => h(MyComponent2)
    )
}
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-01-13,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 开发调试报警
  • 原因
  • 解决
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档