0%

[Vue warn]: Non-function value encountered for default slot

开发工具警告信息:

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

原因是组件插槽所插入的是插槽内容,而非函数值。Vue3 推荐使用函数式插槽,以便获得更佳的性能。

不推荐的写法

1
h(AtActionSheetHeader, null, props.title) // 不推荐的写法

推荐的写法

1
h(AtActionSheetHeader, null, { default: () => props.title })

参考链接

https://github.com/b2nil/taro-ui-vue3/issues/3