# Error 错误页
# 基础用法
# 自定义标题和副标题
还可以增加操作按钮，比如返回首页。
404
Page not found
{
"type": "error",
"data": {
"title": "404",
"subtitle": "Page not found"
},
"operations": {
"goIndex": {
"type": "button",
"label": "返回首页",
"props": {
"type": "danger",
"size": "medium",
"round": true
}
}
},
"actions": {
"goIndex": function() {
this.$message("你点击了返回首页按钮")
}
}
}
显示配置
在线运行
# slotBlocks 插槽配置
- 顶部：配置子block的slot为
top，可以插入到顶部
404
Page not found
{
"type": "error",
"data": {
"title": "404",
"subtitle": "Page not found"
},
"operations": {
"goIndex": {
"type": "button",
"label": "返回首页",
"props": {
"type": "danger",
"size": "medium",
"round": true
}
}
},
"actions": {
"goIndex": function() {
this.$message("你点击了返回首页按钮")
}
},
"blocks": {
"backButton": {
"slot": "top",
"type": "component",
"style": {
"textAlign": "center"
},
"operations": {
"goIndex": {
"type": "button",
"label": "返回首页",
"props": {
"type": "danger",
"size": "medium",
"round": true
}
}
},
"actions": {
"goIndex": function() {
this.$message("你点击了返回首页按钮")
}
}
}
}
}
显示配置
在线运行
# 在线实验室
效果预览
主标题
副标题副标题副标题副标题副标题
子block示例
最终配置
参数列表
参数 | 说明 | 可选值 | 类型 | 必填 |
|---|
type | block类型 | string | 是 |
data | data可以指定当前block的初始数据，结构和fields保持一致 | null | object | 否 |
config | 全局配置，和通过ams.config配置效果一致 | null | object | 否 |
style | 可以设置区块的外层样式 | null | object | 否 |
events | 可以配置对应事件的处理actions | null | object | 否 |
actions | 可以配置具体的action处理函数 | null | object | 否 |
operations | 可以配置operation操作 | null | object | 否 |
blocks | 可以配置多个子block | null | object | 否 |
render | 默认为false，配置为true则自动在body内渲染，如传入string则渲染在指定的querySelector上 | boolean | string | 否 |
props | 会透传至底层的element-ui组件作为props属性，或者是原生dom元素的属性 | null | object | 否 |
options | block特有配置 | null | object | 否 |
← Drawer 抽屉 Router 导航路由 →