vue3 + naive ui + Tabs 报错 ‘Slot “default“ invoked outside of the render function‘_slot "default" invoked outside of the render funct

警告的异常信息：

'Slot "default" invoked outside of the render function'

解决方法：

如下给Tabs组件加一个defaultValue的默认值即可

参考：https://github.com/tusen-ai/naive-ui/issues/3134

            <NTabs type="segment"  themeOverrides={{
                colorSegment: "#c6c6c6"
            }}
                   defaultValue={"one"}
            >
                <NTabPane displayDirective={"show"} name={"one"} >
                    <CommonTable
                        columns={this.hostColumns}
                        showLoading={this.showLoading}
                        tableData={this.hostTableData}
                        tableConfig={this.tableConfig}
                        showToolsBar
                    >
                    </CommonTable>
                </NTabPane>
 
                <NTabPane displayDirective={"show"} name={"two"} >
 
                    <CommonTable
                        columns={this.cbsColumns}
                        showLoading={this.showLoading}
                        tableData={this.cbsTableData}
                        tableConfig={[]}
                        showToolsBar
                    >
                    </CommonTable>
 
                </NTabPane>
 
            </NTabs>