mirror of
https://github.com/element-plus/element-plus.git
synced 2025-02-11 11:39:43 +08:00
50 lines
56 KiB
HTML
50 lines
56 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="es-ES">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Loading | Element Plus</title>
|
|
<meta name="description" content="A Vue 3 based component library for designers and developers">
|
|
<link rel="stylesheet" href="/assets/style.0a1be609.css">
|
|
<link rel="modulepreload" href="/assets/chunks/fullscreen.431f04bc.js">
|
|
<link rel="modulepreload" href="/assets/chunks/contributors.020f8378.js">
|
|
<link rel="modulepreload" href="/assets/app.c2c2154b.js">
|
|
<link rel="modulepreload" href="/assets/es-ES_component_loading.md.e98d9bd8.lean.js">
|
|
|
|
<link rel="icon" href="/images/element-plus-logo-small.svg" type="image/svg+xm">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
|
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
|
|
<meta name="theme-color" content="#ffffff">
|
|
<meta name="msapplication-TileColor" content="#409eff">
|
|
<meta name="msapplication-config" content="/browserconfig.xml">
|
|
<meta property="og:image" content="/images/element-plus-og-image.png">
|
|
<script>window.supportedLangs=["en-US","es-ES","zh-CN"];</script>
|
|
<script>(()=>{const o=window.supportedLangs,a="preferred_lang",r="en-US",s={en:"en-US",fr:"fr-FR",es:"es-ES"};let e=localStorage.getItem(a)||navigator.language;const n=s[e]||(o.includes(e)?e:r);if(localStorage.setItem(a,n),e=n,!location.pathname.startsWith(`/${e}`)){const t=[`/${e}`].concat(location.pathname.split("/").slice(2)).join("/");location.pathname=t.endsWith(".html")||t.endsWith("/")?t:t.concat("/")}navigator&&navigator.serviceWorker.controller&&navigator.serviceWorker.controller.postMessage({type:"LANG",lang:e})})();</script>
|
|
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=UA-175337989-1"></script>
|
|
<script>"serviceWorker"in navigator&&navigator.serviceWorker.register("/sw.js").then(function(o){console.log(o)}).catch(function(o){console.log(o)});</script>
|
|
<script async="true">window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","UA-175337989-1");</script>
|
|
<script async="true" src="https://www.googletagmanager.com/gtag/js?id=G-M74ZHEQ1M1"></script>
|
|
<script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-M74ZHEQ1M1");</script>
|
|
<script>(function(t,s,n,h,j,e){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:2894908,hjsv:6},j=s.getElementsByTagName("head")[0],e=s.createElement("script"),e.async=1,e.src=n+t._hjSettings.hjid+h+t._hjSettings.hjsv,j.appendChild(e)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");</script>
|
|
<script async="true">var resource=document.createElement("link");resource.setAttribute("rel","stylesheet"),resource.setAttribute("href","https://fonts.googleapis.com/css?family=Inter:300,400,500,600,700,800|Open+Sans:400,600;display=swap"),resource.setAttribute("type","text/css");var head=document.querySelector("head");head.appendChild(resource);</script>
|
|
<script>(()=>{const e=localStorage.getItem("el-theme-appearance");(e==="auto"?window.matchMedia("(prefers-color-scheme: dark)").matches:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
|
|
<meta name="twitter:title" content="Loading | Element Plus">
|
|
<meta property="og:title" content="Loading | Element Plus">
|
|
</head>
|
|
<body>
|
|
<div id="app"><div class="App"><!--[--><span tabindex="-1" data-v-d2e1b550></span><a href="#page-content" class="skip-link visually-hidden" data-v-d2e1b550>Ir al contenido</a><!--]--><!----><header class="navbar has-sidebar"><div class="navbar-wrapper" data-v-74f3ae96><div class="header-container" data-v-74f3ae96><div class="logo-container" data-v-74f3ae96><a href="/es-ES/" data-v-74f3ae96><img class="logo" src="/images/element-plus-logo.svg" alt="Element Plus Logo" data-v-74f3ae96></a></div><div class="content" data-v-74f3ae96><div id="docsearch" class="algolia-search-box search" data-v-74f3ae96></div><nav class="navbar-menu menu" data-v-74f3ae96><!--[--><a class="link-item link is-menu-link" href="/es-ES/guide/design" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Guías<!--]--><!--]--><!----></a><a class="link-item link is-menu-link active" href="/es-ES/component/overview" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Componentes<!--]--><!--]--><!----></a><a class="link-item link is-menu-link" href="/es-ES/resource/index" data-v-76aa4338 data-v-36735cb0><!--[--><!--[-->Recursos<!--]--><!--]--><!----></a><!--]--></nav><div class="theme-toggler-content theme-toggler" data-v-74f3ae96 data-v-b1b91f92><div aria-label="act./desac. modo oscuro" aria-checked="false" data-v-b1b91f92 data-v-0180af72><!----></div></div><div class="translation-container translation" data-v-74f3ae96 data-v-12008bb2><!----></div><div class="social-links" data-v-74f3ae96 data-v-76aa5200><!--[--><a href="https://github.com/element-plus/element-plus" title="GitHub" target="_blank" rel="noreferrer noopener" class="social-link" data-v-76aa5200 data-v-72eabb9c><i class="el-icon" style="font-size:24px;" data-v-72eabb9c><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-72eabb9c><path fill="currentColor" d="M12 2C6.475 2 2 6.475 2 12a9.994 9.994 0 0 0 6.838 9.488c.5.087.687-.213.687-.476c0-.237-.013-1.024-.013-1.862c-2.512.463-3.162-.612-3.362-1.175c-.113-.288-.6-1.175-1.025-1.413c-.35-.187-.85-.65-.013-.662c.788-.013 1.35.725 1.538 1.025c.9 1.512 2.338 1.087 2.912.825c.088-.65.35-1.087.638-1.337c-2.225-.25-4.55-1.113-4.55-4.938c0-1.088.387-1.987 1.025-2.688c-.1-.25-.45-1.275.1-2.65c0 0 .837-.262 2.75 1.026a9.28 9.28 0 0 1 2.5-.338c.85 0 1.7.112 2.5.337c1.912-1.3 2.75-1.024 2.75-1.024c.55 1.375.2 2.4.1 2.65c.637.7 1.025 1.587 1.025 2.687c0 3.838-2.337 4.688-4.562 4.938c.362.312.675.912.675 1.85c0 1.337-.013 2.412-.013 2.75c0 .262.188.574.688.474A10.016 10.016 0 0 0 22 12c0-5.525-4.475-10-10-10z"></path></svg><!--]--></i></a><!--]--></div><button class="reset-btn menu-hamburger hamburger" aria-label="navegación móvil" aria-expanded="false" aria-controls="full-screen" data-v-74f3ae96><span class="hamburger-1"></span><span class="hamburger-2"></span><span class="hamburger-3"></span></button></div></div></div><!----></header><div class="sub-nav py-3 flex items-center"><button class="reset-btn sidebar-button flex items-center" aria-expanded="false"><i class="el-icon mr-2" style="font-size:20px;"><!--[--><svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="7" width="11" height="2" fill="#606266"></rect><rect x="2" y="11" width="14" height="2" fill="#606266"></rect><rect x="2" y="15" width="8" height="2" fill="#606266"></rect><rect x="2" y="3" width="16" height="2" fill="#606266"></rect></svg><!--]--></i><span class="leading-6">Menu</span></button><button ariadisabled="false" type="button" class="el-button is-link go-back-top height-5" style=""><!--v-if--><span class=""><!--[--> Back to top <!--]--></span></button></div><div class="el-scrollbar sidebar"><div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default" style=""><div class="el-scrollbar__view" style=""><!--[--><aside><!--[--><div class="page-content" data-v-572119cf><p class="title" data-v-572119cf>Patrocinado por</p><div data-v-572119cf data-v-23d0a532><!--[--><a href="https://vform666.com/" title="VForm - Vue 2/3 可视化低代码表单" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/vform-banner.png" alt="VForm" data-v-23d0a532></a><a href="https://www.jnpfsoft.com/index.html?from=elementUI" title="JNPF - JNPF 低代码开发平台，让开发变得简单！" class="sponsor-item inline-flex" style="" target="_blank" data-v-23d0a532><img src="/images/sponsors/jnpfsoft.jpg" alt="JNPF" data-v-23d0a532></a><!--]--></div><div data-v-572119cf data-v-97807a40><!--[--><!--]--></div></div><!--]--><div class="sidebar-groups"><!--[--><section class="sidebar-group"><p class="sidebar-group__title">Overview</p><!--[--><a class="link" href="/es-ES/component/overview" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Overview</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Basic</p><!--[--><a class="link" href="/es-ES/component/button" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Button</p><!----></a><a class="link" href="/es-ES/component/border" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Border</p><!----></a><a class="link" href="/es-ES/component/color" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color</p><!----></a><a class="link" href="/es-ES/component/container" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout Container</p><!----></a><a class="link" href="/es-ES/component/icon" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Icon</p><!----></a><a class="link" href="/es-ES/component/layout" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Layout</p><!----></a><a class="link" href="/es-ES/component/link" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Link</p><!----></a><a class="link flex items-center" href="/es-ES/component/text" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Text</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.3.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/scrollbar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Scrollbar</p><!----></a><a class="link" href="/es-ES/component/space" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Space</p><!----></a><a class="link" href="/es-ES/component/typography" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Typography</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Configuration</p><!--[--><a class="link" href="/es-ES/component/config-provider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Config Provider</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Form</p><!--[--><a class="link" href="/es-ES/component/autocomplete" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Autocomplete</p><!----></a><a class="link" href="/es-ES/component/cascader" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Cascader</p><!----></a><a class="link" href="/es-ES/component/checkbox" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Checkbox</p><!----></a><a class="link" href="/es-ES/component/color-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Color Picker</p><!----></a><a class="link" href="/es-ES/component/date-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Date Picker</p><!----></a><a class="link" href="/es-ES/component/datetime-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>DateTime Picker</p><!----></a><a class="link" href="/es-ES/component/form" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Form</p><!----></a><a class="link" href="/es-ES/component/input" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input</p><!----></a><a class="link" href="/es-ES/component/input-number" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Input Number</p><!----></a><a class="link" href="/es-ES/component/radio" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Radio</p><!----></a><a class="link" href="/es-ES/component/rate" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Rate</p><!----></a><a class="link" href="/es-ES/component/select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Select</p><!----></a><a class="link" href="/es-ES/component/select-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Select</p><!----></a><a class="link" href="/es-ES/component/slider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Slider</p><!----></a><a class="link" href="/es-ES/component/switch" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Switch</p><!----></a><a class="link" href="/es-ES/component/time-picker" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Picker</p><!----></a><a class="link" href="/es-ES/component/time-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Time Select</p><!----></a><a class="link" href="/es-ES/component/transfer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Transfer</p><!----></a><a class="link" href="/es-ES/component/upload" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Upload</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Data</p><!--[--><a class="link" href="/es-ES/component/avatar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Avatar</p><!----></a><a class="link" href="/es-ES/component/badge" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Badge</p><!----></a><a class="link" href="/es-ES/component/calendar" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Calendar</p><!----></a><a class="link" href="/es-ES/component/card" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Card</p><!----></a><a class="link" href="/es-ES/component/carousel" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Carousel</p><!----></a><a class="link" href="/es-ES/component/collapse" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Collapse</p><!----></a><a class="link" href="/es-ES/component/descriptions" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Descriptions</p><!----></a><a class="link" href="/es-ES/component/empty" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Empty</p><!----></a><a class="link" href="/es-ES/component/image" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Image</p><!----></a><a class="link" href="/es-ES/component/infinite-scroll" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Infinite Scroll</p><!----></a><a class="link" href="/es-ES/component/pagination" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Pagination</p><!----></a><a class="link" href="/es-ES/component/progress" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Progress</p><!----></a><a class="link" href="/es-ES/component/result" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Result</p><!----></a><a class="link" href="/es-ES/component/skeleton" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Skeleton</p><!----></a><a class="link" href="/es-ES/component/table" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Table</p><!----></a><a class="link flex items-center" href="/es-ES/component/table-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Table</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tag" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tag</p><!----></a><a class="link" href="/es-ES/component/timeline" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Timeline</p><!----></a><a class="link flex items-center" href="/es-ES/component/tour" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tour</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.5.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/tree-select" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>TreeSelect</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.1.8<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/tree-v2" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Virtualized Tree</p><!----></a><a class="link flex items-center" href="/es-ES/component/statistic" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Statistic</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.2.30<!--]--></span><!--v-if--></span></a><a class="link flex items-center" href="/es-ES/component/segmented" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Segmented</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.7.0<!--]--></span><!--v-if--></span></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Navigation</p><!--[--><a class="link" href="/es-ES/component/affix" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Affix</p><!----></a><a class="link flex items-center" href="/es-ES/component/anchor" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Anchor</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.6.0<!--]--></span><!--v-if--></span></a><a class="link" href="/es-ES/component/backtop" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Backtop</p><!----></a><a class="link" href="/es-ES/component/breadcrumb" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Breadcrumb</p><!----></a><a class="link" href="/es-ES/component/dropdown" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dropdown</p><!----></a><a class="link" href="/es-ES/component/menu" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Menu</p><!----></a><a class="link" href="/es-ES/component/page-header" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Page Header</p><!----></a><a class="link" href="/es-ES/component/steps" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Steps</p><!----></a><a class="link" href="/es-ES/component/tabs" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tabs</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Feedback</p><!--[--><a class="link" href="/es-ES/component/alert" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Alert</p><!----></a><a class="link" href="/es-ES/component/dialog" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Dialog</p><!----></a><a class="link" href="/es-ES/component/drawer" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Drawer</p><!----></a><a class="link active" href="/es-ES/component/loading" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Loading</p><!----></a><a class="link" href="/es-ES/component/message" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message</p><!----></a><a class="link" href="/es-ES/component/message-box" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Message Box</p><!----></a><a class="link" href="/es-ES/component/notification" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Notification</p><!----></a><a class="link" href="/es-ES/component/popconfirm" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popconfirm</p><!----></a><a class="link" href="/es-ES/component/popover" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Popover</p><!----></a><a class="link" href="/es-ES/component/tooltip" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Tooltip</p><!----></a><!--]--></section><section class="sidebar-group"><p class="sidebar-group__title">Others</p><!--[--><a class="link" href="/es-ES/component/divider" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Divider</p><!----></a><a class="link flex items-center" href="/es-ES/component/watermark" data-v-189bd8ba><p class="link-text" data-v-189bd8ba>Watermark</p><span class="el-tag el-tag--primary el-tag--small el-tag--plain is-hit is-round ml-2" style="" data-v-189bd8ba><span class="el-tag__content"><!--[-->2.4.0<!--]--></span><!--v-if--></span></a><!--]--></section><!--]--></div><!--[--><!--]--></aside><!--]--></div></div><!--[--><div class="el-scrollbar__bar is-horizontal" style="display:none;"><div class="el-scrollbar__thumb" style="width:;transform:translateX(0%);"></div></div><div class="el-scrollbar__bar is-vertical" style="display:none;"><div class="el-scrollbar__thumb" style="height:;transform:translateY(0%);"></div></div><!--]--></div><main id="page-content" class="page-content has-sidebar"><div class="doc-content-wrapper"><div class="doc-content-container"><div style="position:relative;" class="doc-content"><div><h1 id="loading" tabindex="-1">Loading <a class="header-anchor vp-link" href="#loading" aria-hidden="true">#</a></h1><p>Se muestra una animación mientras se cargan los datos.</p><h2 id="cargando-dentro-de-un-contenedor" tabindex="-1">Cargando dentro de un contenedor <a class="header-anchor vp-link" href="#cargando-dentro-de-un-contenedor" aria-hidden="true">#</a></h2><p>Muestra una animación en un contenedor (como en una tabla) mientras se cargan los datos.</p><!----><h2 id="personalizacion" tabindex="-1">Personalización <a class="header-anchor vp-link" href="#personalizacion" aria-hidden="true">#</a></h2><p>Puede personalizar el texto de carga, spinner de carga y color de fondo.</p><!----><div class="warning custom-block"><p class="custom-block-title">WARNING</p><p>Aunque los atributos <code>element-loading / element-loading-svg</code> admiten fragmentos HTML entrantes, es muy peligroso representar dinámicamente HTML arbitrario en el sitio web porque es fácil causar <a href="https://en.wikipedia.org/wiki/Cross-site_scripting" class="vp-link" target="_blank" rel="noopener noreferrer">ataques XSS<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a>. Por favor, asegúrese de que el contenido de <code>element-loading-spinner / element-loading-svg</code> es de confianza. <strong>Nunca</strong> asigne contenido enviado por el usuario a los atributos <code>element-loading-spinner / element-loading-svg</code>.</p></div><h2 id="cargando-a-pantalla-completa" tabindex="-1">Cargando a pantalla completa <a class="header-anchor vp-link" href="#cargando-a-pantalla-completa" aria-hidden="true">#</a></h2><p>Muestra una animación de pantalla completa mientras se cargan los datos.</p><!----><h2 id="servicio" tabindex="-1">Servicio <a class="header-anchor vp-link" href="#servicio" aria-hidden="true">#</a></h2><p>Puede invocar el componente como un servicio. Importe el servicio:</p><div class="language-ts"><pre><code><span class="token keyword">import</span> <span class="token punctuation">{</span> ElLoading <span class="token punctuation">}</span> <span class="token keyword">from</span> <span class="token string">'element-plus'</span>
|
|
</code></pre></div><p>Invocarlo:</p><div class="language-ts"><pre><code>ElLoading<span class="token punctuation">.</span><span class="token function">service</span><span class="token punctuation">(</span>options<span class="token punctuation">)</span>
|
|
</code></pre></div><p>El parámetro <code>options</code> es la configuración del componente, y estos detalles pueden ser encontrados en la siguiente tabla. <code>LoadingService</code> devuelve una instancia del componente, y puede cerrarlo invocando el método <code>close</code>:</p><div class="language-ts"><pre><code><span class="token keyword">const</span> loadingInstance <span class="token operator">=</span> ElLoading<span class="token punctuation">.</span><span class="token function">service</span><span class="token punctuation">(</span>options<span class="token punctuation">)</span>
|
|
<span class="token function">nextTick</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token punctuation">{</span>
|
|
<span class="token comment">// Loading should be closed asynchronously</span>
|
|
loadingInstance<span class="token punctuation">.</span><span class="token function">close</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
|
|
<span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
</code></pre></div><p>Tenga en cuenta que, en este caso, el componente a pantalla completa es una instancia única. Si un nuevo componente de pantalla completa es invocado antes de que se cierre la existente, se devolverá la instancia existente en lugar de crear la otra instancia:</p><div class="language-ts"><pre><code><span class="token keyword">const</span> loadingInstance1 <span class="token operator">=</span> ElLoading<span class="token punctuation">.</span><span class="token function">service</span><span class="token punctuation">(</span><span class="token punctuation">{</span> fullscreen<span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
<span class="token keyword">const</span> loadingInstance2 <span class="token operator">=</span> ElLoading<span class="token punctuation">.</span><span class="token function">service</span><span class="token punctuation">(</span><span class="token punctuation">{</span> fullscreen<span class="token operator">:</span> <span class="token boolean">true</span> <span class="token punctuation">}</span><span class="token punctuation">)</span>
|
|
<span class="token builtin">console</span><span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>loadingInstance1 <span class="token operator">===</span> loadingInstance2<span class="token punctuation">)</span> <span class="token comment">// true</span>
|
|
</code></pre></div><p>Llamar al método <code>close</code> en cualquiera de ellas puede cerrarlo.</p><p>Si Element Plus es importado completamente, un método global <code>$loading</code> puede ser registrado en <code>app.config.globalProperties</code>. Puede invocarlo como esto: <code>this.$loading(options)</code>, y también devuelve una instancia del componente.</p><h2 id="api" tabindex="-1">API <a class="header-anchor vp-link" href="#api" aria-hidden="true">#</a></h2><h3 id="opciones" tabindex="-1">Opciones <a class="header-anchor vp-link" href="#opciones" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th><th>Por defecto</th></tr></thead><tbody><tr><td>target</td><td>el nodo del DOM que el componente debe cubrir. Acepta un objecto DOM o una cadena. Si está es una cadena, este será pasado a <code>document.querySelector</code> para obtener el correspondiente nodo del DOM</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">HTMLElement</code><!----></span></td><td>document.body</td></tr><tr><td>body</td><td>igual que el modificador <code>body</code> de <code>v-loading</code></td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>fullscreen</td><td>igual que el modificador <code>fullscreen</code> de <code>v-loading</code></td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>true</td></tr><tr><td>lock</td><td>igual que el modificador <code>lock</code> de <code>v-loading</code></td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span></td><td>false</td></tr><tr><td>text</td><td>texto de carga que se muestra debajo del spinner</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>spinner</td><td>nombre de clase del spinner personalizado</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>background</td><td>color de fondo de la máscara</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr><tr><td>customClass</td><td>nombre de clase personalizada para el componente</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td><td>—</td></tr></tbody></table></div><h3 id="directivas" tabindex="-1">Directivas <a class="header-anchor vp-link" href="#directivas" aria-hidden="true">#</a></h3><div class="vp-table"><table><thead><tr><th>Nombre</th><th>Descripción</th><th>Tipo</th></tr></thead><tbody><tr><td>v-loading</td><td>se muestra una animación mientras se cargan los datos</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">boolean</code><!----></span> / <span class="inline-flex items-center"><code class="api-typing mr-1">Options</code><!----></span></td></tr><tr><td>element-loading-text</td><td>texto de carga que se muestra debajo del spinner</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td></tr><tr><td>element-loading-spinner</td><td>icono del spinner personalizado</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td></tr><tr><td>element-loading-svg</td><td>icono del spinner personalizado (igual que element-loading-spinner)</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td></tr><tr><td>element-loading-background</td><td>color de fondo de la máscara</td><td><span class="inline-flex items-center"><code class="api-typing mr-1">string</code><!----></span></td></tr></tbody></table></div><h2 id="fuente" tabindex="-1">Fuente <a class="header-anchor vp-link" href="#fuente" aria-hidden="true">#</a></h2><p><a href="https://github.com/element-plus/element-plus/tree/dev/packages/components/loading" class="vp-link" target="_blank" rel="noopener noreferrer">Componentes<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a> • <a href="https://github.com/element-plus/element-plus/blob/dev/docs/en-US/component/loading.md" class="vp-link" target="_blank" rel="noopener noreferrer">Documentación<svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" class="link-icon"><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg></a></p><h2 id="contribuidores" tabindex="-1">Contribuidores <a class="header-anchor vp-link" href="#contribuidores" aria-hidden="true">#</a></h2><div class="mb-4" data-v-2c2cd08f><div class="flex flex-wrap gap-4 pt-2" data-v-2c2cd08f><!--[--><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/sxzz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/6481596?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 三咲智子<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/YunYouJun" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/25154432?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 云游君<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/jw-foss" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/15975785?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Jeremy<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/btea" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/24516654?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> btea<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/adaex" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/29560987?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Aex<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/chenxch" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23251408?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Xc<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/tolking" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23313167?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> qiang<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Tsong-LC" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/50739490?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> LIUCHAO<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/xiaoxian521" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/44761321?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> xiaoming<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/pan2-2" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/130739557?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> pan2-2<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/wiidede" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/25472916?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> 小的的<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/purepear" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/144010?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Delyan Haralanov<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/zcmk123" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/20919760?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> DoubleBird<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/BigPengZai" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/18347659?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> BigPengZai<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/zwgwf" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/134276765?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> zwgwf<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/holazz" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/23100055?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> zz<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/weidehai" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/25458528?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> weidehai<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/anguiao" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/16174159?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> anguiao<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/BiosSun" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/2755933?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Bios Sun<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Chris-Kin" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/10802869?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> on the field of hope<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Ryan2128" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/33176053?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Ryan2128<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/Hades-li" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/12124478?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> Hades-li<!--]--><!----></a></div><div data-v-2c2cd08f><a class="link-item link flex gap-2 items-center link" href="https://github.com/emojiiii" target="_blank" rel="noopener noreferrer" data-v-2c2cd08f data-v-36735cb0><!--[--><img src="https://avatars.githubusercontent.com/u/30518686?v=4&size=64" class="w-8 h-8 rounded-full" loading="lazy" data-v-2c2cd08f> C.Y.Kun<!--]--><!----></a></div><!--]--></div></div></div></div><footer class="page-footer" data-v-3e2f3e7f><div class="edit" data-v-3e2f3e7f><div class="edit-link" data-v-3e2f3e7f data-v-7d4aa2c8><a class="link text-sm" href="https://crowdin.com/translate/element-plus/all/en-es" target="_blank" rel="noopener noreferrer" data-v-7d4aa2c8>Editar esta página en Crowdin <i class="el-icon" style="font-size:16px;vertical-align:text-top;line-height:24px;" data-v-7d4aa2c8><!--[--><svg preserveaspectratio="xMidYMid meet" viewbox="0 0 24 24" width="1.2em" height="1.2em" data-v-7d4aa2c8><path fill="currentColor" d="M10 6v2H5v11h11v-5h2v6a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6zm11-3v8h-2V6.413l-7.793 7.794l-1.414-1.414L17.585 5H13V3h8z"></path></svg><!--]--></i></a></div></div></footer><div class="next-and-prev-link" data-v-8ad25866><div class="container" data-v-8ad25866><div class="prev" data-v-8ad25866><a class="link" href="/es-ES/component/drawer" data-v-8ad25866><i class="el-icon mr-1" style="" data-v-8ad25866><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-8ad25866><path fill="currentColor" d="M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.592 30.592 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.592 30.592 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i><span class="text" data-v-8ad25866>Drawer</span></a></div><div class="next" data-v-8ad25866><a class="link" href="/es-ES/component/message" data-v-8ad25866><span class="text" data-v-8ad25866>Message</span><i class="el-icon ml-1" style="" data-v-8ad25866><!--[--><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 1024 1024" data-v-8ad25866><path fill="currentColor" d="M340.864 149.312a30.592 30.592 0 0 0 0 42.752L652.736 512 340.864 831.872a30.592 30.592 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"></path></svg><!--]--></i></a></div></div></div></div><aside class="toc-wrapper" data-v-6f13b908><nav class="toc-content" data-v-6f13b908><h3 class="toc-content__heading" data-v-6f13b908>Contents</h3><!----><p class="text-14px font-300 color-$text-color-secondary" data-v-6f13b908>Patrocinado por</p><div class="join sponsors-button mt-4 w-100%" data-v-6f13b908><!--[--><a href="mailto:element-plus@outlook.com" target="_blank" class="el-tooltip__trigger"><button ariadisabled="false" type="button" class="el-button" style="overflow:hidden;"><!--v-if--><span class=""><!--[-->¡Conviértete en un patrocinador!<!--]--></span></button></a><!--teleport start--><!--teleport end--><!--]--></div><div class="m-t-16px" data-v-6f13b908><!--[--><a href="http://github.crmeb.net/u/Element?from=element-plus" title="CRMEB - 高品质开源商城系统 累计服务40W+开发者" target="_blank"><div class="flex bg-#F9F9F9 h-64px rd-4px justify-center items-center"><div class="h-36px"><img class="rd-4px h-full" src="/images/sponsors/CRMEB-l.png" alt="CRMEB"></div></div></a><!--]--></div><div class="m-t-16px flex flex-wrap justify-between" data-v-6f13b908><!--[--><!--[--><a href="https://wonderful-code.gitee.io/?from=element-plus" title="BuildAdmin - Vue3企业级开源后台管理系统" target="_blank"><div class="flex m-b-2px bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img src="/images/sponsors/buildadmin-l.png" alt="BuildAdmin"></div></a><!--]--><!--[--><a href="https://bit.dev/?from=element-ui" title="bit - Share Code" target="_blank"><div class="flex m-b-2px bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><img src="/images/bit-l.png" alt="bit"></div></a><!--]--><!--[--><div class="flex bg-#F9F9F9 rd-0px h-40px w-89px justify-center items-center"><div class="color-#ddd text-13px cursor-default">Your logo</div></div><!--]--><!--]--></div><div class="m-t-16px" data-v-6f13b908><!--[--><!--]--></div></nav></aside></div><footer class="footer"><div class="footer-main"><h4>Links</h4><a href="https://github.com/element-plus/element-plus" class="footer-main-link" target="_blank">GitHub</a><a href="https://element-plus.gitee.io/zh-CN/" class="footer-main-link" target="_blank">China Mirror 🇨🇳</a><a href="https://github.com/element-plus/element-plus/releases" class="footer-main-link" target="_blank">Changelog</a><a href="https://element.eleme.io/" class="footer-main-link" target="_blank">Element UI para Vue 2</a></div><div class="footer-main"><h4>Comunidad</h4><a href="https://discord.com/invite/gXK9XNzW3X" class="footer-main-link" target="_blank">Discord</a><a href="https://github.com/element-plus/element-plus/issues" class="footer-main-link" target="_blank">Feedback</a><a href="https://github.com/element-plus/element-plus/blob/dev/.github/CONTRIBUTING.en-US.md" class="footer-main-link" target="_blank">Contribuciones</a><a href="https://segmentfault.com/t/element-plus" class="footer-main-link" target="_blank">SegmentFault</a></div></footer></main><!----></div></div>
|
|
<script>__VP_HASH_MAP__ = JSON.parse("{\"en-us_component_affix.md\":\"9e660def\",\"en-us_component_alert.md\":\"95e7fa13\",\"en-us_component_anchor.md\":\"2ea0df52\",\"en-us_component_autocomplete.md\":\"b7d48626\",\"en-us_component_avatar.md\":\"02581a9e\",\"en-us_component_backtop.md\":\"7395cf5c\",\"en-us_component_badge.md\":\"68960cb9\",\"en-us_component_border.md\":\"fcb3630f\",\"en-us_component_breadcrumb.md\":\"a4b64c55\",\"en-us_component_button.md\":\"bbf58bc3\",\"en-us_component_calendar.md\":\"56f9c1f2\",\"en-us_component_card.md\":\"adf3d474\",\"en-us_component_carousel.md\":\"349916d5\",\"en-us_component_cascader.md\":\"d6a87903\",\"en-us_component_checkbox.md\":\"57edbe65\",\"en-us_component_collapse.md\":\"82775205\",\"en-us_component_color-picker.md\":\"c52e2103\",\"en-us_component_color.md\":\"700b04db\",\"en-us_component_config-provider.md\":\"f73040b1\",\"en-us_component_container.md\":\"75c05d9c\",\"en-us_component_date-picker.md\":\"12eff46c\",\"en-us_component_datetime-picker.md\":\"9f214bce\",\"en-us_component_descriptions.md\":\"2868da15\",\"en-us_component_dialog.md\":\"b5f58697\",\"en-us_component_divider.md\":\"f663a7ea\",\"en-us_component_drawer.md\":\"2464bccc\",\"en-us_component_dropdown.md\":\"5413d14c\",\"en-us_component_empty.md\":\"84fc73ae\",\"en-us_component_form.md\":\"072c6f2f\",\"en-us_component_icon.md\":\"89a78dc0\",\"en-us_component_image.md\":\"cb2939cd\",\"en-us_component_infinite-scroll.md\":\"caf5bd44\",\"en-us_component_input-number.md\":\"3b33b05c\",\"en-us_component_input.md\":\"e063dc08\",\"en-us_component_layout.md\":\"2eb46ba7\",\"en-us_component_link.md\":\"288918c2\",\"en-us_component_loading.md\":\"afdd50ec\",\"en-us_component_menu.md\":\"6248fd2f\",\"en-us_component_message-box.md\":\"6b946c14\",\"en-us_component_message.md\":\"7045c92a\",\"en-us_component_notification.md\":\"b1b68c17\",\"en-us_component_overview.md\":\"f5fab5dc\",\"en-us_component_page-header.md\":\"13d4e03a\",\"en-us_component_pagination.md\":\"7e4890ba\",\"en-us_component_popconfirm.md\":\"90a849a8\",\"en-us_component_popover.md\":\"9770289b\",\"en-us_component_progress.md\":\"a24b6edc\",\"en-us_component_radio.md\":\"6525acc4\",\"en-us_component_rate.md\":\"96c251d9\",\"en-us_component_result.md\":\"19f5f64e\",\"en-us_component_scrollbar.md\":\"e3f4e4c0\",\"en-us_component_segmented.md\":\"bbebad5d\",\"en-us_component_select-v2.md\":\"34fdf7d6\",\"en-us_component_select.md\":\"e87dec01\",\"en-us_component_skeleton.md\":\"c7909e90\",\"en-us_component_slider.md\":\"b0ecfd81\",\"en-us_component_space.md\":\"d2374ffd\",\"en-us_component_statistic.md\":\"569c41e1\",\"en-us_component_steps.md\":\"6b308e82\",\"en-us_component_switch.md\":\"66b87164\",\"en-us_component_table-v2.md\":\"2e5c2c9a\",\"en-us_component_table.md\":\"2c00d784\",\"en-us_component_tabs.md\":\"428b4680\",\"en-us_component_tag.md\":\"4f3160b5\",\"en-us_component_text.md\":\"b279ce58\",\"en-us_component_time-picker.md\":\"6b5f9615\",\"en-us_component_time-select.md\":\"a7e7050c\",\"en-us_component_timeline.md\":\"3f3cd2f0\",\"en-us_component_tooltip-v2.md\":\"f906f57f\",\"en-us_component_tooltip.md\":\"01788691\",\"en-us_component_tour.md\":\"c10ec8f5\",\"en-us_component_transfer.md\":\"f470c4ae\",\"en-us_component_tree-select.md\":\"0aeda77b\",\"en-us_component_tree-v2.md\":\"eb57514f\",\"en-us_component_tree.md\":\"f82e9d86\",\"en-us_component_typography.md\":\"149fffa8\",\"en-us_component_upload.md\":\"633edacd\",\"en-us_component_watermark.md\":\"1da58917\",\"en-us_guide_changelog.md\":\"02720300\",\"en-us_guide_commit-examples.md\":\"0537a4f5\",\"en-us_guide_dark-mode.md\":\"92a13f21\",\"en-us_guide_design.md\":\"a48f3084\",\"en-us_guide_dev-faq.md\":\"a50b0120\",\"en-us_guide_dev-guide.md\":\"13ab5219\",\"en-us_guide_i18n.md\":\"84f99f42\",\"en-us_guide_installation.md\":\"502e5f82\",\"en-us_guide_migration.md\":\"0ec912c9\",\"en-us_guide_namespace.md\":\"1ab2cd45\",\"en-us_guide_nav.md\":\"1bd28b79\",\"en-us_guide_quickstart.md\":\"758321c1\",\"en-us_guide_ssr.md\":\"b42f3441\",\"en-us_guide_theming.md\":\"1402e631\",\"en-us_guide_transitions.md\":\"1904d68f\",\"en-us_guide_translation.md\":\"d883f737\",\"en-us_index.md\":\"df471afb\",\"en-us_resource_index.md\":\"8dfc6d1f\",\"es-es_component_affix.md\":\"6014a348\",\"es-es_component_alert.md\":\"2681725a\",\"es-es_component_anchor.md\":\"99193e51\",\"es-es_component_autocomplete.md\":\"d0b83287\",\"es-es_component_avatar.md\":\"8e1ecae5\",\"es-es_component_backtop.md\":\"00446aeb\",\"es-es_component_badge.md\":\"afbc3f26\",\"es-es_component_border.md\":\"bf5d200b\",\"es-es_component_breadcrumb.md\":\"0a0c8b60\",\"es-es_component_button.md\":\"4dc8867c\",\"es-es_component_calendar.md\":\"b4803281\",\"es-es_component_card.md\":\"40ba20ff\",\"es-es_component_carousel.md\":\"db19fef0\",\"es-es_component_cascader.md\":\"3f25924e\",\"es-es_component_checkbox.md\":\"ce80bfdf\",\"es-es_component_collapse.md\":\"bc301647\",\"es-es_component_color-picker.md\":\"753943ab\",\"es-es_component_color.md\":\"59421c3f\",\"es-es_component_config-provider.md\":\"abc03424\",\"es-es_component_container.md\":\"34b6a9ed\",\"es-es_component_date-picker.md\":\"5bcca12a\",\"es-es_component_datetime-picker.md\":\"a9a91058\",\"es-es_component_descriptions.md\":\"ac25c2ac\",\"es-es_component_dialog.md\":\"016a2797\",\"es-es_component_divider.md\":\"c3476bce\",\"es-es_component_drawer.md\":\"bd5332f5\",\"es-es_component_dropdown.md\":\"919f5b0c\",\"es-es_component_empty.md\":\"6df441aa\",\"es-es_component_form.md\":\"6a96c154\",\"es-es_component_icon.md\":\"611e3a91\",\"es-es_component_image.md\":\"fbdc8bb8\",\"es-es_component_infinite-scroll.md\":\"ec8018a5\",\"es-es_component_input-number.md\":\"61bb1758\",\"es-es_component_input.md\":\"30c59054\",\"es-es_component_layout.md\":\"a3803ee8\",\"es-es_component_link.md\":\"2ab7e64d\",\"es-es_component_loading.md\":\"e98d9bd8\",\"es-es_component_menu.md\":\"a9516c36\",\"es-es_component_message-box.md\":\"15a78032\",\"es-es_component_message.md\":\"052bffae\",\"es-es_component_notification.md\":\"8e9ebc95\",\"es-es_component_overview.md\":\"31772165\",\"es-es_component_page-header.md\":\"f83dfcc9\",\"es-es_component_pagination.md\":\"2a6c79e4\",\"es-es_component_popconfirm.md\":\"bc20ec77\",\"es-es_component_popover.md\":\"f426bd92\",\"es-es_component_progress.md\":\"daf68914\",\"es-es_component_radio.md\":\"486e1f85\",\"es-es_component_rate.md\":\"a9e9839a\",\"es-es_component_result.md\":\"03e2b5c9\",\"es-es_component_scrollbar.md\":\"b1d44762\",\"es-es_component_segmented.md\":\"dde9af69\",\"es-es_component_select-v2.md\":\"f2461331\",\"es-es_component_select.md\":\"3806b2a2\",\"es-es_component_skeleton.md\":\"de67344f\",\"es-es_component_slider.md\":\"e09f7707\",\"es-es_component_space.md\":\"7895210d\",\"es-es_component_statistic.md\":\"e1ac1e73\",\"es-es_component_steps.md\":\"1fc9eba7\",\"es-es_component_switch.md\":\"20063bd2\",\"es-es_component_table-v2.md\":\"93eb9504\",\"es-es_component_table.md\":\"b6f642f9\",\"es-es_component_tabs.md\":\"6096349a\",\"es-es_component_tag.md\":\"9c5c0e10\",\"es-es_component_text.md\":\"17c24c74\",\"es-es_component_time-picker.md\":\"f4923d8f\",\"es-es_component_time-select.md\":\"f86c55cc\",\"es-es_component_timeline.md\":\"8429a3b2\",\"es-es_component_tooltip-v2.md\":\"bbed0d27\",\"es-es_component_tooltip.md\":\"b54a21a6\",\"es-es_component_tour.md\":\"126261ae\",\"es-es_component_transfer.md\":\"5a9f201a\",\"es-es_component_tree-select.md\":\"0fcc297b\",\"es-es_component_tree-v2.md\":\"45b6ea74\",\"es-es_component_tree.md\":\"c1e381b2\",\"es-es_component_typography.md\":\"a6ffe7c4\",\"es-es_component_upload.md\":\"500986c9\",\"es-es_component_watermark.md\":\"35185146\",\"es-es_guide_changelog.md\":\"6ede0ec4\",\"es-es_guide_commit-examples.md\":\"391e6e04\",\"es-es_guide_dark-mode.md\":\"b7b2c169\",\"es-es_guide_design.md\":\"ed2ac2c5\",\"es-es_guide_dev-faq.md\":\"81ad3d1a\",\"es-es_guide_dev-guide.md\":\"3dc08093\",\"es-es_guide_i18n.md\":\"43b6d652\",\"es-es_guide_installation.md\":\"e9133ead\",\"es-es_guide_migration.md\":\"ed25d692\",\"es-es_guide_namespace.md\":\"350dcd71\",\"es-es_guide_nav.md\":\"3d0d3a75\",\"es-es_guide_quickstart.md\":\"55bde8ba\",\"es-es_guide_ssr.md\":\"7ead3e9e\",\"es-es_guide_theming.md\":\"b2b48814\",\"es-es_guide_transitions.md\":\"b3b14210\",\"es-es_guide_translation.md\":\"e9c5441c\",\"es-es_index.md\":\"d405cc52\",\"es-es_resource_index.md\":\"d2b7ae84\",\"index.md\":\"04a59250\",\"zh-cn_component_affix.md\":\"23e52862\",\"zh-cn_component_alert.md\":\"6ff7249f\",\"zh-cn_component_anchor.md\":\"b53679b2\",\"zh-cn_component_autocomplete.md\":\"bfaa570c\",\"zh-cn_component_avatar.md\":\"319997b4\",\"zh-cn_component_backtop.md\":\"b2087ba0\",\"zh-cn_component_badge.md\":\"5db8586f\",\"zh-cn_component_border.md\":\"fc6ee12b\",\"zh-cn_component_breadcrumb.md\":\"694c5d5c\",\"zh-cn_component_button.md\":\"d72f9c9b\",\"zh-cn_component_calendar.md\":\"e72b465b\",\"zh-cn_component_card.md\":\"2d8ae711\",\"zh-cn_component_carousel.md\":\"6c3b57a8\",\"zh-cn_component_cascader.md\":\"de013c1c\",\"zh-cn_component_checkbox.md\":\"3369f58f\",\"zh-cn_component_collapse.md\":\"3a2998e9\",\"zh-cn_component_color-picker.md\":\"f2fdc6e3\",\"zh-cn_component_color.md\":\"2092e013\",\"zh-cn_component_config-provider.md\":\"de87fb8f\",\"zh-cn_component_container.md\":\"4ffee82b\",\"zh-cn_component_date-picker.md\":\"063fd2fa\",\"zh-cn_component_datetime-picker.md\":\"a99a7bd8\",\"zh-cn_component_descriptions.md\":\"a063251a\",\"zh-cn_component_dialog.md\":\"efb8b920\",\"zh-cn_component_divider.md\":\"f9019db6\",\"zh-cn_component_drawer.md\":\"07594aa6\",\"zh-cn_component_dropdown.md\":\"95c55aaf\",\"zh-cn_component_empty.md\":\"b6525f64\",\"zh-cn_component_form.md\":\"3ea6a4c8\",\"zh-cn_component_icon.md\":\"d270e0d4\",\"zh-cn_component_image.md\":\"d35601ea\",\"zh-cn_component_infinite-scroll.md\":\"e1c429eb\",\"zh-cn_component_input-number.md\":\"5c43453b\",\"zh-cn_component_input.md\":\"1baba878\",\"zh-cn_component_layout.md\":\"3bec9afc\",\"zh-cn_component_link.md\":\"a3b795a9\",\"zh-cn_component_loading.md\":\"db96a5d4\",\"zh-cn_component_menu.md\":\"8a43b675\",\"zh-cn_component_message-box.md\":\"eea40272\",\"zh-cn_component_message.md\":\"cd724452\",\"zh-cn_component_notification.md\":\"c73e2635\",\"zh-cn_component_overview.md\":\"85162963\",\"zh-cn_component_page-header.md\":\"881c51c5\",\"zh-cn_component_pagination.md\":\"22df911c\",\"zh-cn_component_popconfirm.md\":\"2072b45c\",\"zh-cn_component_popover.md\":\"18a19a19\",\"zh-cn_component_progress.md\":\"1e6cd816\",\"zh-cn_component_radio.md\":\"87bf3738\",\"zh-cn_component_rate.md\":\"6dd1ffe9\",\"zh-cn_component_result.md\":\"f626791b\",\"zh-cn_component_scrollbar.md\":\"4d8d7b22\",\"zh-cn_component_segmented.md\":\"a0051b6f\",\"zh-cn_component_select-v2.md\":\"cbf28fa3\",\"zh-cn_component_select.md\":\"e07d5008\",\"zh-cn_component_skeleton.md\":\"d94db6a1\",\"zh-cn_component_slider.md\":\"1c277f4f\",\"zh-cn_component_space.md\":\"7a5366a6\",\"zh-cn_component_statistic.md\":\"1d83e865\",\"zh-cn_component_steps.md\":\"2af594d2\",\"zh-cn_component_switch.md\":\"52c86be1\",\"zh-cn_component_table-v2.md\":\"52571ee3\",\"zh-cn_component_table.md\":\"72a68a3c\",\"zh-cn_component_tabs.md\":\"b1f739d0\",\"zh-cn_component_tag.md\":\"eebc2119\",\"zh-cn_component_text.md\":\"751f2320\",\"zh-cn_component_time-picker.md\":\"b7e02ead\",\"zh-cn_component_time-select.md\":\"546f2844\",\"zh-cn_component_timeline.md\":\"458bca9e\",\"zh-cn_component_tooltip-v2.md\":\"f3fb6e69\",\"zh-cn_component_tooltip.md\":\"181e154b\",\"zh-cn_component_tour.md\":\"1cb10b3c\",\"zh-cn_component_transfer.md\":\"e2417b42\",\"zh-cn_component_tree-select.md\":\"47d26e71\",\"zh-cn_component_tree-v2.md\":\"bbe3b867\",\"zh-cn_component_tree.md\":\"0e654f54\",\"zh-cn_component_typography.md\":\"954871b9\",\"zh-cn_component_upload.md\":\"f2592745\",\"zh-cn_component_watermark.md\":\"6f94e3d4\",\"zh-cn_guide_changelog.md\":\"12dec243\",\"zh-cn_guide_commit-examples.md\":\"e5a46a42\",\"zh-cn_guide_dark-mode.md\":\"6161cb5c\",\"zh-cn_guide_design.md\":\"f0a6d30a\",\"zh-cn_guide_dev-faq.md\":\"2c686d30\",\"zh-cn_guide_dev-guide.md\":\"ddc538e3\",\"zh-cn_guide_i18n.md\":\"d90a8559\",\"zh-cn_guide_installation.md\":\"f1cab8f9\",\"zh-cn_guide_migration.md\":\"6b614a5a\",\"zh-cn_guide_namespace.md\":\"148d59f9\",\"zh-cn_guide_nav.md\":\"ac43edbb\",\"zh-cn_guide_quickstart.md\":\"6581caf0\",\"zh-cn_guide_ssr.md\":\"256e7b7c\",\"zh-cn_guide_theming.md\":\"9202b1c2\",\"zh-cn_guide_transitions.md\":\"a0bf182e\",\"zh-cn_guide_translation.md\":\"34364ffe\",\"zh-cn_index.md\":\"b759941e\",\"zh-cn_resource_index.md\":\"c44aa9a4\"}")</script>
|
|
<script type="module" async src="/assets/app.c2c2154b.js"></script>
|
|
|
|
</body>
|
|
</html> |