Error 错误页

基础用法

Error 错误页 - 图1

  1. {
  2.   "type": "error"
  3. }

显示配置

自定义标题和副标题

还可以增加操作按钮，比如返回首页。

Error 错误页 - 图2

  1. {
  2.   "type": "error",
  3.   "data": {
  4.     "title": "404",
  5.     "subtitle": "Page not found"
  6.   },
  7.   "operations": {
  8.     "goIndex": {
  9.       "type": "button",
  10.       "label": "返回首页",
  11.       "props": {
  12.         "type": "danger",
  13.         "size": "medium",
  14.         "round": true
  15.       }
  16.     }
  17.   },
  18.   "actions": {
  19.     "goIndex": function() {
  20.       this.$message("你点击了返回首页按钮")
  21.     }
  22.   }
  23. }

显示配置

在线实验室

Error 错误页 - 图3

Error 错误页 - 图4

参数列表

参数说明可选值 | 类型必填
typeblock类型string是
datadata可以指定当前block的初始数据，结构和fields保持一致null | object否
config全局配置，和通过ams.config配置效果一致null | object否
style可以设置区块的外层样式null | object否
events可以配置对应事件的处理actionsnull | object否
actions可以配置具体的action处理函数null | object否
operations可以配置operation操作null | object否
blocks可以配置多个子blocknull | object否
render默认为false，配置为true则自动在body内渲染，如传入string则渲染在指定的querySelector上boolean | string否
props会透传至底层的element-ui组件作为props属性，或者是原生dom元素的属性null | object否
optionsblock特有配置null | object否