警告的异常信息:
'Slot "default" invoked outside of the render function'
解决方法:
如下给Tabs组件加一个defaultValue的默认值即可文章来源:https://www.toymoban.com/news/detail-813256.html
参考:https://github.com/tusen-ai/naive-ui/issues/3134文章来源地址https://www.toymoban.com/news/detail-813256.html
<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>
到了这里,关于vue3 + naive ui + Tabs 报错 ‘Slot “default“ invoked outside of the render function‘的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!