基本使用
空状态组件通过type
属性控制组件内容显示,也可以使用imgSrc
属性更改组件内背景图片。innerText
属性可以在背景图片容器内添加文字提示,outerText
属性可以在背景图片容器外添加文字提示。
插槽用法
如果纯文字无法满足你的需求,可以使用inner
和outer
两个插槽对空状态内容进行自定义。
空状态 属性
属性名 | 说明 | 类型 | 默认值 |
---|---|---|---|
type | 空状态类型,可选'no-data','404','500','502'四个值 | String | 'no-data' |
innerText | 背景图片容器内文字,与inner插槽互斥 | String | — |
outerText | 背景图片容器外文字,与outer插槽互斥 | String | — |
imgSrc | 背景图片地址,当imgSrc有值时,type属性无效 | String | — |
空状态 插槽
插槽名 | 说明 |
---|---|
inner | 背景图片容器内部插槽 |
outer | 背景图片容器外部插槽 |