Vue3中使用Navie UI ,解决表格columns中使用render函数时遇到的报警问题

1,434 阅读1分钟

话不多少,直接上Vue warn:

报警提示说默认插槽中遇到非函数值,为了更好地性能,最好是函数插槽。

问题代码:

1634521799(1).png

结合Vue3文档中h函数的介绍:

1634521877(1).png

子代 VNode类型可以是String\Array\Object三种类型,因此可以在使用Navie的Data Table的render函数定义显示项时,使用函数方式定义并返回指定类型, 修改代码如下:

1634521958(1).png

警告消失。