vue-element-plus-admin-doc/assets/components_error.md.df9be339.js

import{o as a,c as t,a as n}from"./app.c38d1953.js";const s='{"title":"Error 缺省组件","description":"","frontmatter":{},"headers":[{"level":2,"title":"用法","slug":"用法"},{"level":2,"title":"Error 属性","slug":"error-属性"},{"level":2,"title":"Error 事件","slug":"error-事件"},{"level":2,"title":"如何扩展新类型","slug":"如何扩展新类型"}],"relativePath":"components/error.md","lastUpdated":1721206001124}',e={},r=n('<h1 id="error-缺省组件"><a class="header-anchor" href="#error-缺省组件" aria-hidden="true">#</a> Error 缺省组件</h1><p>用于各种占位图组件，如 <code>404</code>、<code>403</code>、<code>500</code> 等错误页面。</p><p>Error 组件位于 <a href="https://github.com/kailong321200875/vue-element-plus-admin/tree/master/src/components/Error" target="_blank" rel="noopener noreferrer">src/components/Error</a> 内</p><h2 id="用法"><a class="header-anchor" href="#用法" aria-hidden="true">#</a> 用法</h2><div class="language-vue"><pre><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">setup</span> <span class="token attr-name">lang</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">&quot;</span>ts<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">\n<span class="token keyword">import</span> <span class="token punctuation">{</span> Error <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">&#39;@/components/Error&#39;</span>\n</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>\n\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>template</span><span class="token punctuation">&gt;</span></span>\n  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>Error</span> <span class="token punctuation">/&gt;</span></span>\n<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>template</span><span class="token punctuation">&gt;</span></span>\n\n</code></pre></div><h2 id="error-属性"><a class="header-anchor" href="#error-属性" aria-hidden="true">#</a> Error 属性</h2><table><thead><tr><th>属性</th><th>说明</th><th>类型</th><th>可选值</th><th>默认值</th></tr></thead><tbody><tr><td>type</td><td>占位图类型</td><td><code>string</code></td><td>-</td><td>404</td></tr></tbody></table><h2 id="error-事件"><a class="header-anchor" href="#error-事件" aria-hidden="true">#</a> Error 事件</h2><table><thead><tr><th>方法名</th><th>说明</th><th>回调参数</th></tr></thead><tbody><tr><td>errorClick</td><td>点击按钮后的回调</td><td>-</td></tr></tbody></table><h2 id="如何扩展新类型"><a class="header-anchor" href="#如何扩展新类型" aria-hidden="true">#</a> 如何扩展新类型</h2><p>目前只提供了 <code>404</code>、<code>403</code>、<code>500</code> 三种类型，如果不满足实际需求，可自行扩展。</p><p>只需在 <a href="https://github.com/kailong321200875/vue-element-plus-admin/tree/master/src/components/Error/src/Error.vue" target="_blank" rel="noopener noreferrer">src/components/Error/src/Error.vue</a> 文件的 <code>errorMap</code> 对象扩展对应类型即可。</p>',12);e.render=function(n,s,e,o,p,c){return a(),t("div",null,[r])};export default e;export{s as __pageData};