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

avatar
作者
筋斗云
阅读量:0
警告的异常信息:
'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>

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!