Skip to content

Error 错误


按需引入

ts
import { createApp } from 'vue'
import App from './App.vue'
import { MeError } from 'mine-h5-ui'
import 'mine-h5-ui/styles/MeError.css'

createApp(App).use(MeError).mount('#app')

提示

  • 如果你觉得重新编写 HTML 结构麻烦,可以直接复制下面的代码。

代码演示

基础用法

  • 通过属性 visible 来设置组件的显示状态,默认值为 false。
html
<me-error />

自定义文本

  • 通过属性 title 来设置组件的标题,默认值为 页面错误
  • 通过属性 subtit 来设置组件的副标题,默认值为 请检查网络是否正常
html
<me-error title="标题" subtit="副标题" />

暗色主题

  • 通过属性 theme 来设置组件的主题,可选值为 lightdark,默认值为 light。
html
<me-error theme="dark" />

API

参数

参数说明类型可选值默认值版本
visible文本内容stringtrue / falsefalsev2.7.0
title类型string--页面错误v2.7.0
subtit高度number--请检查网络是否正常v2.7.0
theme自定义图标stringdark / lightlightv2.7.0

方法

方法名说明回调参数版本
--------

基于 MIT 许可发布