Non-function value encountered for default slot. Prefer function slots

Non-function value encountered for default slot. Prefer function slots
问题原因:
Vue3 使用h函数 推荐使用函数式插槽,以便获得更佳的性能。

解决方式:
// 错误
return h(xxx, { xxx }, { xxx});
// 正确
return h(xxx, { xxx }, { default: () => xxx });
// 多个插槽
return h( xxx, { xxx }, { default: () => [xxx, xxx], }); 

posted @ 2022-06-01 16:07  mrt_yy  阅读(1570)  评论(0编辑  收藏  举报