在 Buefy 表格组件中,空插槽默认不会显示任何内容,需要通过插槽作用域来自定义文本内容。
以下是示例代码:
Loading...
No data available
在上述示例代码中,我们通过 slot-scope
指令引入了作用域插槽,并通过 props
参数获取到组件的状态,然后分别使用 v-if
和 v-else
条件渲染来自定义空插槽的文本内容。
当表格数据正在加载时,会显示 Loading... 文本内容,当没有数据时,会显示 No data available 文本内容。