Vue3 uses Navie UI to solve the alarm problem encountered when using render function in tables

Not much, go directly to Vue WARN:

The alarm says a non-function value is encountered in the default slot. For better performance, the function slot is preferred.

Problem code:

Combined with the introduction of h function in Vue3 documentation:

The child VNode type can be String\Array\Object three types, so you can use Navie’s Data Table render function to define the display item, using the function to define and return the specified type, modify the code as follows:

Warning gone.