位置: IT常识 - 正文

解决 WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-xxx 标签问题(解决科学文化领域的矛盾应坚持的方针是)

编辑:rootadmin
解决 WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-xxx 标签问题 问题解读

推荐整理分享解决 WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-xxx 标签问题(解决科学文化领域的矛盾应坚持的方针是),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:webstorm10.0.3,解决脱发的8个方法,解决脱发的8个方法,webstorm怎么样,解决问题的策略六年级上册,解决问题的策略六年级上册,webstorm 2019,webstorm10.0.3,内容如对您有帮助,希望把文章链接给更多的朋友!

如题,其实2.15.11这个版本的Element UI新增了功能,改进WebStorm IDE和其他JetBrains IDE中的代码帮助。本义是想很好的支持IDE软件,代码提示更加方便,但作者发布时候少打包了一个文件,这就导致Webstorm不认识所有的el-xxx标签!!!

解决(方案一)

既然知道了这个版本有点小问题,那就简单粗暴,暂时降级到2.15.10版本,提示就有了。等过段时间官方修复了BUG,再改回最新版即可。

解决 WebStorm 2022.3.x 无法识别 Element UI 2.15.11 新版本中的 el-xxx 标签问题(解决科学文化领域的矛盾应坚持的方针是)

注意,由于我们是指定具体版本,所以在版本号前边不能有~或者符号。简单解释一下,加了前边这任意一个符号,npm会自动去找你定义的版本的最新版,有可能不是你后边写的那个版本号。 举个例子:假如,我说的是假如,现在饿了么已经发布了最新版2.15.15,那么,你依赖如果这样写:~2.15.10,那么他实际会去找2.15.xx版本,xx代表当前这个时间点的最新版,也就实际给你安装了2.15.15版本; 类似的,若为:^2.15.10,他会去找2.xx.xx版本,同样,x代表当前最新版,仔细体会这两个符号的含义; 当然了,如果写出具体的版本号2.15.10,毫无疑问,那他就一定下载的是你指定的版本,将来有新版发布也不会自动更新。

其次注意,版本号修改后建议先把package-lock.json和node_modules都删除一下,在执行npm install全新安装,不会出现修改不成功的问题。

解决(方案二)

你不就是少打包了一个文件吗,我现在手动给你添加上,不就可以正常识别到提示了吗,不用降版本号了,还能体验一波新特性。

首先,打开官方网址 https://github.com/ElemeFE/element/blob/dev/web-types.json 桌面创建一个web-types.json文件,将代码粘贴进去,然后把文件放到你vue2项目的node_modules目录下的element-ui文件夹下,代码提示就好使了。由于本身版本做了优化,代码提示比以前更加舒服了,可以实际上手体验下。

教程讲完了,考虑到有的同学打开github网址较慢,所以我把json代码粘贴到下方,有需要的同学可以展开进行粘贴。

温馨提示:下边代码非常多,共4195行,直接点代码右上方复制按钮即可,不要展开代码,以免带来不好的阅读体验。

{ "framework": "vue", "name": "element-ui", "version": "2.15.9", "description-markup": "markdown", "contributions": { "html": { "vue-components": [ { "name": "ElAlert", "description": "Displays important alert messages.", "doc-url": "https://element.eleme.io/#/en-US/component/alert", "props": [ { "name": "type", "description": "Component type", "type": "AlertType", "default": "'info'" }, { "name": "effect", "description": "Choose theme", "type": "AlertEffect", "default": "'light'" }, { "name": "closable", "description": "If closable or not", "type": "boolean", "default": "true" }, { "name": "description", "description": "Descriptive text. Can also be passed with the default slot", "type": "string" }, { "name": "title", "description": "Title", "type": "string" }, { "name": "showIcon", "description": "If a type icon is displayed", "type": "boolean", "default": "false" }, { "name": "center", "description": "whether to center the text", "type": "boolean", "default": "false" }, { "name": "closeText", "description": "Customized close button text", "type": "string" } ], "slots": [ { "name": "default", "description": "description" }, { "name": "title", "description": "content of the Alert title" } ], "js": { "events": [ { "name": "close", "description": "fires when alert is closed" } ] } }, { "name": "ElAside", "description": "Container for side sections (usually a side nav).", "doc-url": "https://element.eleme.io/#/en-US/component/container", "props": [ { "name": "width", "description": "Width of the side section", "type": "string", "default": "300px" } ] }, { "name": "ElAutocomplete", "doc-url": "https://element.eleme.io/#/en-US/component/input#autocomplete-attributes", "props": [ { "name": "focus", "description": "Focus the Input component", "type": "function(): void" }, { "name": "selectWhenUnmatched", "description": "Whether to emit select event on enter when there is no autocomplete match", "type": "boolean" }, { "name": "debounce", "description": "Debounce delay when typing", "type": "number" }, { "name": "popperClass", "description": "Custom class name for autocomplete's dropdown", "type": "string" }, { "name": "name", "description": "Name for the inner native input", "type": "string" }, { "name": "triggerOnFocus", "description": "Whether show suggestions when input focus", "type": "boolean" }, { "name": "placement", "description": "Placement of the popup menu", "type": "SuggestionPlacement" }, { "name": "prefixIcon", "description": "Prefix icon class", "type": "string" }, { "name": "suffixIcon", "description": "Suffix icon class", "type": "string" }, { "name": "fetchSuggestions", "description": "A method to fetch input suggestions. When suggestions are ready, invoke callback(data:[]) to return them to Autocomplete", "type": "FetchSuggestions" }, { "name": "disabled", "description": "Whether Autocomplete is disabled", "type": "boolean" }, { "name": "placeholder", "description": "The placeholder of Autocomplete", "type": "string" }, { "name": "valueKey", "description": "Key name of the input suggestion object for display", "type": "string" }, { "name": "value", "description": "Binding value", "type": "string" }, { "name": "clearable", "description": "Whether to show clear button", "type": "boolean" }, { "name": "popperAppendToBody", "description": "Whether to append the dropdown to body", "type": "boolean" }, { "name": "hideLoading", "description": "Whether to hide the loading icon in remote search", "type": "boolean" } ], "slots": [ { "name": "default", "description": "Custom content for input suggestions.", "type": "{ item: any }" }, { "name": "prefix", "description": "Content as Input prefix" }, { "name": "suffix", "description": "Content as Input suffix" }, { "name": "prepend", "description": "Content to prepend before Input" }, { "name": "append", "description": "Content to append after Input" } ] }, { "name": "ElAvatar", "description": "Avatars can be used to represent people or objects. It supports images, Icons, or characters.", "doc-url": "https://element.eleme.io/#/en-US/component/avatar", "props": [ { "name": "fit", "type": "'fill' | 'contain' | 'cover' | 'none' | 'scale-down'", "description": "Set how the image fit its container for an image avatar", "default": "'cover'" }, { "name": "shape", "type": "'circle' | 'square'", "description": "Avatar shape", "default": "'circle'" }, { "name": "alt", "type": "string", "description": "This attribute defines an alternative text description of the image" }, { "name": "size", "type": "'large'|'medium'|'small'|number", "description": "Avatar size", "default": "'large'" }, { "name": "icon", "type": "string", "description": "Representation type to Icon, more info on Icon Component" }, { "name": "src", "type": "string", "description": "The address of the image for an image avatar" }, { "name": "srcSet", "type": "string", "description": "A list of one or more strings separated by commas indicating a set of possible image sources for the user agent to use" } ], "js": { "events": [ { "name": "error", "description": "handler when img load error, return false to prevent default fallback behavior" } ] } }, { "name": "ElBacktop", "description": "A button to back to top", "doc-url": "https://element.eleme.io/#/en-US/component/backtop", "props": [ { "name": "bottom", "description": "Backtop bottom position", "type": "string|number" }, { "name": "visibilityHeight", "description": "Backtop visibility height", "type": "string|number", "default": "200" }, { "name": "right", "description": "Backtop right position", "type": "string|number", "default": "40" }, { "name": "target", "description": "Backtop target", "type": "string", "default": "40" } ], "js": { "events": [ { "name": "click", "description": "Triggers when click" } ] } }, { "name": "ElBadge", "description": "A number or status mark on buttons and icons.", "doc-url": "https://element.eleme.io/#/en-US/component/badge", "props": [ { "name": "isDot", "description": "If a little dot is displayed", "type": "boolean", "default": "false" }, { "name": "hidden", "description": "Hidden badge", "type": "boolean", "default": "false" }, { "name": "value", "description": "Display value", "type": "string|number" }, { "name": "max", "description": "Maximum value, shows '{max}+' when exceeded. Only works if `value` is a `Number`", "type": "number" }, { "name": "type", "description": "button type", "type": "'primary' | 'success' | 'warning' | 'danger' | 'info'" } ] }, { "name": "ElBreadcrumb", "description": "Displays the location of the current page, making it easier to browser back.", "doc-url": "https://element.eleme.io/#/en-US/component/breadcrumb", "props": [ { "name": "separatorClass", "description": "Class name of the icon separator", "type": "string" }, { "name": "separator", "description": "Separator character", "type": "string", "default": "'/'" } ] }, { "name": "ElBreadcrumbItem", "doc-url": "https://element.eleme.io/#/en-US/component/breadcrumb", "props": [ { "name": "replace", "description": "If `true`, the navigation will not leave a history record", "type": "boolean", "default": "false" }, { "name": "to", "description": "Target route of the link, same as `to` of `vue-router`", "type": "string|object" } ] }, { "name": "ElButton", "description": "Commonly used button.", "doc-url": "https://element.eleme.io/#/en-US/component/button", "props": [ { "name": "type", "description": "Button type", "type": "'primary' | 'success' | 'warning' | 'danger' | 'info' | 'text" }, { "name": "plain", "description": "Determine whether it's a plain button", "type": "boolean", "default": "false" }, { "name": "loading", "description": "Determine whether it's loading", "type": "boolean", "default": "false" }, { "name": "size", "description": "Button size", "type": "'medium' | 'small' | 'mini'" }, { "name": "icon", "description": "icon class name", "type": "string" }, { "name": "disabled", "description": "Disable the button", "type": "boolean", "default": "false" }, { "name": "autofocus", "description": "Same as native button's `autofocus`", "type": "boolean", "default": "false" }, { "name": "round", "description": "Determine whether it's a round button", "type": "boolean", "default": "false" }, { "name": "circle", "description": "Determine whether it's a circle button", "type": "boolean", "default": "false" }, { "name": "nativeType", "description": "Same as native button's `type`", "type": "'button' | 'submit' | 'reset'", "default": "'button'" } ] }, { "name": "ElButtonGroup", "description": "Displayed as a button group, can be used to group a series of similar operations.", "doc-url": "https://element.eleme.io/#/en-US/component/button" }, { "name": "ElCalendar", "description": "Display date.", "doc-url": "https://element.eleme.io/#/en-US/component/calendar", "props": [ { "name": "range", "description": "time range, including start time and end time. Start time must be start day of week, end time must be end day of week, the time span cannot exceed two months.", "type": "(Date | string | number)[]" }, { "name": "value", "description": "Binding value", "type": "Date | string | number" }, { "name": "firstDayOfWeek", "description": "First day of week", "type": "number", "default": "1" } ], "slots": [ { "name": "dateCell", "type": "{date: Date, data: {type: 'prev-month' | 'current-month' | 'next-month', isSelected: boolean, day: string}}" } ] }, { "name": "ElCard", "description": "Integrate information in a card container.", "doc-url": "https://element.eleme.io/#/en-US/component/card", "props": [ { "name": "shadow", "description": "When to show card shadows", "type": "'always'| 'hover' | 'never'", "default": "'always'" }, { "name": "bodyStyle", "description": "CSS style of body", "type": "object", "default": "{ padding: '20px' }" }, { "name": "header", "description": "Title of the card", "type": "string" } ], "slots": [ { "name": "default", "description": "Content of the card" }, { "name": "header", "description": "Title of the card" } ] }, { "name": "ElCarousel", "description": "Loop a series of images or texts in a limited space", "doc-url": "https://element.eleme.io/#/en-US/component/carousel", "props": [ { "name": "arrow", "description": "When arrows are shown", "type": "'always'|'hover'|'never'", "default": "'hover'" }, { "name": "type", "description": "Type of the Carousel", "type": "'card'" }, { "name": "height", "description": "Height of the carousel", "type": "number" }, { "name": "autoplay", "description": "Whether automatically loop the slides", "type": "boolean", "default": "true" }, { "name": "initialIndex", "description": "Index of the initially active slide (starting from 0)", "type": "number" }, { "name": "indicatorPosition", "description": "Position of the indicators", "type": "'outside' | 'none'" }, { "name": "interval", "description": "Interval of the auto loop, in milliseconds", "type": "number", "default": "3000" }, { "name": "direction", "description": "Display direction", "type": "'horizontal' | 'vertical'", "default": "'horizontal'" }, { "name": "trigger", "description": "How indicators are triggered", "type": "'hover' | 'click'", "default": "'hover'" }, { "name": "loop", "description": "display the items in loop", "type": "boolean", "default": "true" } ], "js": { "events": [ { "name": "change", "description": "triggers when the active slide switches", "doc-url": "https://element.eleme.io/#/en-US/component/carousel#carousel-events" } ] } }, { "name": "ElCarouselItem", "doc-url": "https://element.eleme.io/#/en-US/component/carousel#carousel-item-attributes", "props": [ { "name": "name", "description": "Name of the item, can be used in `setActiveItem`", "type": "string" }, { "name": "label", "description": "Text content for the corresponding indicator", "type": "string" } ] }, { "name": "ElCascader", "description": "If the options have a clear hierarchical structure, Cascader can be used to view and select them.", "doc-url": "https://element.eleme.io/#/en-US/component/cascader", "props": [ { "name": "debounce", "description": "Debounce delay when typing filter keyword, in millisecond", "type": "number" }, { "name": "options", "description": "Data of the options", "type": "CascaderOption[]" }, { "name": "filterable", "description": "Whether the options can be searched", "type": "boolean" }, { "name": "separator", "description": "Separator of option labels", "type": "string" }, { "name": "props", "description": "Configuration options", "type": "CascaderProps<any, CascaderOption>" }, { "name": "size", "description": "Size of Input", "type": "ElementUIComponentSize" }, { "name": "popperClass", "description": "Custom class name for Cascader's dropdown", "type": "string" }, { "name": "showAllLevels", "description": "Whether to display all levels of the selected value in the input", "type": "boolean" }, { "name": "collapseTags", "description": "Whether to collapse selected tags in multiple selection mode", "type": "boolean" }, { "name": "disabled", "description": "Whether Cascader is disabled", "type": "boolean" }, { "name": "placeholder", "description": "Input placeholder", "type": "string" }, { "name": "value", "description": "Selected value", "type": "any" }, { "name": "clearable", "description": "Whether selected value can be cleared", "type": "boolean" } ], "slots": [ { "name": "default", "description": "Custom label content" }, { "name": "empty", "description": "Empty content when no option matches" } ] }, { "name": "ElCascaderPanel", "doc-url": "https://element.eleme.io/#/en-US/component/cascader#cascaderpanel-attributes", "props": [ { "name": "options", "description": "Data of the options", "type": "CascaderOption[]" }, { "name": "border", "description": "Whether to add border", "type": "boolean" }, { "name": "props", "description": "Configuration options", "type": "CascaderProps<any, CascaderOption>" }, { "name": "value", "description": "Selected value", "type": "any" } ], "slots": [ { "name": "default", "description": "Custom label content" } ] }, { "name": "ElCheckbox", "description": "A group of options for multiple choices.", "doc-url": "https://element.eleme.io/#/en-US/component/checkbox", "props": [ { "name": "indeterminate", "description": "Same as indeterminate in native checkbox", "type": "boolean" }, { "name": "checked", "description": "If the checkbox is checked", "type": "boolean" }, { "name": "border", "description": "Whether to add a border around Checkbox", "type": "boolean" }, { "name": "trueLabel", "description": "Value of the checkbox if it's checked", "type": "string|number" }, { "name": "size", "description": "Size of the Checkbox, only works when border is true", "type": "ElementUIComponentSize" }, { "name": "name", "description": "Native 'name' attribute", "type": "string" }, { "name": "falseLabel", "description": "Value of the checkbox if it's not checked", "type": "string|number" }, { "name": "disabled", "description": "If the checkbox is disabled", "type": "boolean" }, { "name": "value", "description": "The form input value", "type": "string|string[]" }, { "name": "label", "description": "Value of the checkbox when used inside a checkbox-group", "type": "string|number|boolean" } ] }, { "name": "ElCheckboxButton", "doc-url": "https://element.eleme.io/#/en-US/component/checkbox#checkbox-group-attributes", "props": [ { "name": "checked", "description": "If the checkbox is checked", "type": "boolean" }, { "name": "trueLabel", "description": "Value of the checkbox if it's checked", "type": "string|number" }, { "name": "name", "description": "Native 'name' attribute", "type": "string" }, { "name": "falseLabel", "description": "Value of the checkbox if it's not checked", "type": "string|number" }, { "name": "disabled", "description": "If the checkbox is disabled", "type": "boolean" }, { "name": "label", "description": "Value of the checkbox when used inside a checkbox-group", "type": "string|number|boolean" } ] }, { "name": "ElCheckboxGroup", "doc-url": "https://element.eleme.io/#/en-US/component/checkbox#checkbox-group-attributes", "props": [ { "name": "fill", "description": "Border and background color when button is active", "type": "string" }, { "name": "textColor", "description": "Font color when button is active", "type": "string" }, { "name": "size", "description": "Size of checkbox buttons or bordered checkboxes", "type": "ElementUIComponentSize" }, { "name": "min", "description": "Minimum number of checkbox checked", "type": "number" }, { "name": "disabled", "description": "Whether the nesting checkboxes are disabled", "type": "boolean" }, { "name": "max", "description": "Maximum number of checkbox checked", "type": "number" } ] }, { "name": "ElCol", "props": [ { "name": "md", "description": "≥992px Responsive columns or column props object", "type": "ResponsiveColumn" }, { "name": "tag", "description": "custom element tag", "type": "string" }, { "name": "offset", "description": "Number of spacing on the left side of the grid", "type": "number" }, { "name": "push", "description": "Number of columns that grid moves to the right", "type": "number" }, { "name": "sm", "description": "≥768px Responsive columns or column props object", "type": "ResponsiveColumn" }, { "name": "pull", "description": "Number of columns that grid moves to the left", "type": "number" }, { "name": "xl", "description": "≥1920px Responsive columns or column props object", "type": "ResponsiveColumn" }, { "name": "xs", "description": "&lt;768px Responsive columns or column props object", "type": "ResponsiveColumn" }, { "name": "lg", "description": "≥1200px Responsive columns or column props object", "type": "ResponsiveColumn" }, { "name": "span", "description": "Number of column the grid spans", "type": "number" } ] }, { "name": "ElCollapse", "description": "Use Collapse to store contents.", "doc-url": "https://element.eleme.io/#/en-US/component/collapse", "props": [ { "name": "accordion", "description": "Whether to activate accordion mode", "type": "boolean" }, { "name": "value", "description": "Currently active panel", "type": "string|number|string[]|number[]" } ] }, { "name": "ElCollapseItem", "doc-url": "https://element.eleme.io/#/en-US/component/collapse#collapse-item-attributes", "props": [ { "name": "name", "description": "Unique identification of the panel", "type": "string|number" }, { "name": "title", "description": "Title of the panel", "type": "string" }, { "name": "disabled", "description": "Disable the collapse item", "type": "boolean" } ], "slots": [ { "name": "default", "description": "Content of the collapse item" }, { "name": "title", "description": "Title of the collapse item" } ] }, { "name": "ElColorPicker", "description": "ColorPicker is a color selector supporting multiple color formats.", "doc-url": "https://element.eleme.io/#/en-US/component/color-picker", "props": [ { "name": "showAlpha", "description": "Whether to display the alpha slider", "type": "boolean" }, { "name": "colorFormat", "description": "Custom class name for ColorPicker's dropdown", "type": "ColorFormat" }, { "name": "size", "description": "Size of ColorPicker", "type": "ElementUIComponentSize" }, { "name": "popperClass", "description": "Whether to display the alpha slider", "type": "string" }, { "name": "disabled", "description": "Whether to disable the ColorPicker", "type": "boolean" } ] }, { "name": "ElComponent", "props": [] }, { "name": "ElContainer", "description": "Wrapper container. When nested with a `<el-header>` or `<el-footer>`, all its child elements will be vertically arranged. Otherwise horizontally.", "doc-url": "https://element.eleme.io/#/en-US/component/container", "props": [ { "name": "direction", "description": "Layout direction for child elements", "type": "\"horizontal\"|\"vertical\"" } ] }, { "name": "ElDatePicker", "description": "Use Date Picker for date input.", "doc-url": "https://element.eleme.io/#/en-US/component/date-picker", "props": [ { "name": "defaultValue", "description": "Default date of the calendar", "type": "Date|number|string" }, { "name": "type", "description": "Type of the picker", "type": "DatePickerType" }, { "name": "align", "description": "Alignment", "type": "ElementUIHorizontalAlignment" }, { "name": "readonly", "description": "Whether DatePicker is read only", "type": "boolean" }, { "name": "format", "description": "Format of the picker", "type": "string" }, { "name": "size", "description": "Size of Input", "type": "ElementUIComponentSize" }, { "name": "popperClass", "description": "Custom class name for DatePicker's dropdown", "type": "string" }, { "name": "name", "description": "name for the inner native input", "type": "string" }, { "name": "startPlaceholder", "description": "Placeholder for the start date in range mode", "type": "string" }, { "name": "disabled", "description": "Whether DatePicker is disabled", "type": "boolean" }, { "name": "placeholder", "description": "Placeholder", "type": "string" }, { "name": "endPlaceholder", "description": "Placeholder for the end date in range mode", "type": "string" }, { "name": "value", "description": "The value of the date picker", "type": "Date|string|Date[]|string[]" }, { "name": "rangeSeparator", "description": "Range separator", "type": "string" }, { "name": "clearable", "description": "Whether to show clear button", "type": "boolean" }, { "name": "editable", "description": "Whether the input is editable", "type": "boolean" }, { "name": "pickerOptions", "description": "Additional options, check the table below", "type": "DatePickerOptions" }, { "name": "valueFormat", "description": "Format of binding value. If not specified, the binding value will be a Date object", "type": "string" } ], "slots": [ { "name": "range-separator", "description": "Custom range separator content" } ] }, { "name": "ElDescriptions", "description": "Display multiple fields in list form.", "doc-url": "https://element.eleme.io/#/en-US/component/descriptions", "props": [ { "name": "labelStyle", "description": "custom label style", "type": "object" }, { "name": "contentClassName", "description": "custom content class name", "type": "string" }, { "name": "border", "description": "with or without border", "type": "boolean" }, { "name": "size", "description": "size of list", "type": "\"medium\"|\"small\"|\"mini\"" }, { "name": "labelClassName", "description": "custom label class name", "type": "string" }, { "name": "title", "description": "title text, display on the top left", "type": "string" }, { "name": "contentStyle", "description": "custom content style", "type": "object" }, { "name": "extra", "description": "extra text, display on the top right", "type": "string" }, { "name": "direction", "description": "direction of list", "type": "\"vertical\"|\"horizontal\"" }, { "name": "column", "description": "numbers of Descriptions Item in one line", "type": "number" }, { "name": "colon", "description": "change default props colon value of Descriptions Item", "type": "boolean" } ], "slots": [ { "name": "extra", "description": "title slot: custom extra area, display on the top right" }, { "name": "title", "description": "title slot: custom title, display on the top left" } ] }, { "name": "ElDescriptionsItem", "doc-url": "https://element.eleme.io/#/en-US/component/descriptions#descriptions-item-attributes", "props": [ { "name": "labelStyle", "description": "custom label style", "type": "object" }, { "name": "contentClassName", "description": "custom content class name", "type": "string" }, { "name": "labelClassName", "description": "custom label class name", "type": "string" }, { "name": "contentStyle", "description": "custom content style", "type": "object" }, { "name": "label", "description": "label text", "type": "string" }, { "name": "span", "description": "the number of columns included", "type": "number" } ], "slots": [ { "name": "default", "description": "default slot: custom content" }, { "name": "label", "description": "label slot: custom label" } ] }, { "name": "ElDialog", "description": "Informs users while preserving the current page state.", "doc-url": "https://element.eleme.io/#/en-US/component/dialog", "props": [ { "name": "closeOnPressEscape", "description": "Whether the Dialog can be closed by pressing ESC", "type": "boolean" }, { "name": "showClose", "description": "Whether to show a close button", "type": "boolean" }, { "name": "closeOnClickModal", "description": "Whether the Dialog can be closed by clicking the mask", "type": "boolean" }, { "name": "lockScroll", "description": "Whether scroll of body is disabled while Dialog is displayed", "type": "boolean" }, { "name": "modal", "description": "Whether a mask is displayed", "type": "boolean" }, { "name": "fullscreen", "description": "Whether the Dialog takes up full screen", "type": "boolean" }, { "name": "destroyOnClose", "description": "Whether to destroy elements in Dialog when closed", "type": "boolean" }, { "name": "title", "description": "Title of Dialog", "type": "string" }, { "name": "top", "description": "Value for margin-top of Dialog CSS", "type": "string" }, { "name": "modalAppendToBody", "description": "Whether to append modal to body element. If false, the modal will be appended to Dialog's parent element", "type": "boolean" }, { "name": "center", "description": "Whether to align the header and footer in center", "type": "boolean" }, { "name": "width", "description": "Width of Dialog", "type": "string" }, { "name": "customClass", "description": "Custom class names for Dialog", "type": "string" } ], "slots": [ { "name": "default", "description": "Content of the Dialog" }, { "name": "footer", "description": "Content of the Dialog footer" }, { "name": "title", "description": "Content of the Dialog title" } ] }, { "name": "ElDivider", "description": "The dividing line that separates the content.", "doc-url": "https://element.eleme.io/#/en-US/component/divider", "props": [ { "name": "vertical", "description": "enable vertical divider", "type": "boolean" }, { "name": "posiiton", "description": "customize the content on the divider line", "type": "ContentPosition" } ] }, { "name": "ElDrawer", "description": "Sometimes, `Dialog` does not always satisfy our requirements, let's say you have a massive form, or you need space to display something like `terms & conditions`, `Drawer` has almost identical API with `Dialog`, but it introduces different user experience.", "doc-url": "https://element.eleme.io/#/en-US/component/drawer", "props": [ { "name": "closeOnPressEscape", "description": "Whether the Drawer can be closed by pressing ESC", "type": "boolean" }, { "name": "showClose", "description": "Whether the close button should be rendered to control the drawer's visible state", "type": "boolean" }, { "name": "wrapperClosable", "description": "Flag attribute whi", "type": "boolean" }, { "name": "modal", "description": "Equivalent to `Dialog`'s modal attribute, determines whether the dark shadowing background should show", "type": "boolean" }, { "name": "visible", "description": "Whether the drawer component should show, also can be decorated by `.sync`", "type": "boolean" }, { "name": "size", "description": "The size of the drawer component, supporting number with unit of pixel, string by percentage e.g. 30%", "type": "number|string" }, { "name": "appendToBody", "description": "Equivalent to `Dialog`'s append to body attribute, when applying nested drawer, make sure this one is set to true", "type": "boolean" }, { "name": "position", "description": "Attributes that controls the drawer's direction of display", "type": "Direction" }, { "name": "destroyOnClose", "description": "Determine whether the wrapped children should be destroyed, if true, children's destroyed life cycle method will be called all local state will be destroyed", "type": "boolean" }, { "name": "title", "description": "The Drawer's title, also can be replaced by named slot `title`", "type": "string" }, { "name": "modalAppendToBody", "description": "Equivalent to `Dialog`'s modal-append-to-body attribute, determines whether the shadowing background should be inserted direct to DocumentBody element", "type": "boolean" }, { "name": "customClass", "description": "Custom class names for Dialog", "type": "string" } ], "slots": [ { "name": "default", "description": "Main Content Slots" }, { "name": "title", "description": "Title Slots" } ] }, { "name": "ElDropdown", "description": "Toggleable menu for displaying lists of links and actions.", "doc-url": "https://element.eleme.io/#/en-US/component/dropdown", "props": [ { "name": "type", "description": "Menu button type. only works when split-button is true", "type": "ButtonType" }, { "name": "tabindex", "description": "Dropdown tabindex", "type": "number" }, { "name": "size", "description": "menu size, also works on the split button", "type": "ElementUIComponentSize" }, { "name": "placement", "description": "Placement of the menu", "type": "DropdownMenuAlignment" }, { "name": "hideTimeout", "description": "Delay time before hide a dropdown", "type": "number" }, { "name": "disabled", "description": "Whether Dropdown is disabled", "type": "boolean" }, { "name": "splitButton", "description": "Whether a button group is displayed", "type": "boolean" }, { "name": "trigger", "description": "How to trigger", "type": "DropdownMenuTrigger" }, { "name": "showTimeout", "description": "Delay time before show a dropdown", "type": "number" }, { "name": "hideOnClick", "description": "Whether to hide menu after clicking menu-item", "type": "boolean" } ], "slots": [ { "name": "default", "description": "Content of Dropdown. Notice: Must be a valid html dom element (ex. `<span>`, `<button>` etc.) or `el-component`, to attach the trigger listener" }, { "name": "dropdown", "description": "Content of the Dropdown Menu, usually a `<el-dropdown-menu>` element" } ] }, { "name": "ElDropdownItem", "doc-url": "https://element.eleme.io/#/en-US/component/dropdown#dropdown-menu-item-attributes", "props": [ { "name": "divided", "description": "Whether a divider is displayed", "type": "boolean" }, { "name": "icon", "description": "Icon to show on left side of text", "type": "string" }, { "name": "disabled", "description": "Whether the item is disabled", "type": "boolean" }, { "name": "command", "description": "A command to be dispatched to Dropdown's command callback", "type": "string|number|object" } ] }, { "name": "ElDropdownMenu", "doc-url": "https://element.eleme.io/#/en-US/component/dropdown", "props": [] }, { "name": "ElEmpty", "description": "Placeholder hints for empty states.", "doc-url": "https://element.eleme.io/#/en-US/component/empty", "props": [ { "name": "image", "description": "image URL", "type": "string" }, { "name": "description", "description": "description", "type": "string" }, { "name": "imageSize", "description": "image size (width)", "type": "number" } ], "slots": [ { "name": "image", "description": "image slot: Custom image" }, { "name": "default", "description": "default slot: \bCustom bottom content" }, { "name": "description", "description": "description slot: Custom description" } ] }, { "name": "ElFooter", "description": "Container for footers.", "doc-url": "https://element.eleme.io/#/en-US/component/container", "props": [ { "name": "height", "description": "Height of the footer", "type": "string" } ] }, { "name": "ElForm", "description": "Form consists of `input`, `radio`, `select`, `checkbox` and so on. With form, you can collect, verify and submit data.", "doc-url": "https://element.eleme.io/#/en-US/component/form", "props": [ { "name": "rules", "description": "Validation rules of form", "type": "object" }, { "name": "labelWidth", "description": "Width of label, and all form items will inherit from Form", "type": "string" }, { "name": "model", "description": "Data of form component", "type": "object" }, { "name": "inlineMessage", "description": "Whether to display the error message inline with the form item", "type": "boolean" }, { "name": "size", "description": "Controls the size of components in this form", "type": "ElementUIComponentSize" }, { "name": "showMessage", "description": "Whether to show the error message", "type": "boolean" }, { "name": "statusIcon", "description": "Whether to display an icon indicating the validation result", "type": "boolean" }, { "name": "labelPosition", "description": "Position of label", "type": "FormItemLabelPosition" }, { "name": "labelSuffix", "description": "Suffix of the label", "type": "string" }, { "name": "disabled", "description": "Whether the form is disabled", "type": "boolean" }, { "name": "validate", "description": "Validate the whole form", "type": "{(ValidateCallback): void, (): Promise<boolean>}" }, { "name": "validateOnRuleChange", "description": "Whether to trigger validation when the `rules` prop is changed", "type": "boolean" }, { "name": "inline", "description": "Whether the form is inline", "type": "boolean" } ] }, { "name": "ElFormItem", "doc-url": "https://element.eleme.io/#/en-US/component/form#form-item-attributes", "props": [ { "name": "labelWidth", "description": "Width of label, e.g. '50px'", "type": "string" }, { "name": "rules", "description": "Validation rules of form", "type": "object" }, { "name": "required", "description": "Whether the field is required or not, will be determined by validation rules if omitted", "type": "boolean" }, { "name": "inlineMessage", "description": "Whether to display the error message inline with the form item", "type": "boolean" }, { "name": "size", "description": "Controls the size of components in this form", "type": "ElementUIComponentSize" }, { "name": "showMessage", "description": "Whether to show the error message", "type": "boolean" }, { "name": "error", "description": "Field error message, set its value and the field will validate error and show this message immediately", "type": "string" }, { "name": "prop", "description": "A key of `model` of the enclosing `el-form` component", "type": "string" }, { "name": "label", "description": "Label", "type": "string" } ], "slots": [ { "name": "default", "description": "Content of Form Item" }, { "name": "label", "description": "Content of label" }, { "name": "error", "description": "Custom content to display validation message.", "type": "{error: string}" } ] }, { "name": "ElHeader", "description": "Container for headers.", "doc-url": "https://element.eleme.io/#/en-US/component/container", "props": [ { "name": "height", "description": "Height of the header", "type": "string" } ] }, { "name": "ElIcon", "description": "Element provides a set of common icons.", "doc-url": "https://element.eleme.io/#/en-US/component/icon", "props": [ { "name": "name", "description": "Icon name", "doc-url": "https://element.eleme.io/#/en-US/component/icon#icons", "type": "string" } ] }, { "name": "ElImage", "description": "Besides the native features of img, support lazy load, custom placeholder and load failure, etc.", "doc-url": "https://element.eleme.io/#/en-US/component/image", "props": [ { "name": "fit", "description": "Indicate how the image should be resized to fit its container, same as native 'object-fit'", "type": "ObjectFit" }, { "name": "zIndex", "type": "number" }, { "name": "alt", "description": "Native 'alt' attribute", "type": "string" }, { "name": "scrollContainer", "description": "Scroll container that to add scroll listener when using lazy load", "type": "string|HTMLElement" }, { "name": "lazy", "description": "Whether to use lazy load", "type": "boolean" }, { "name": "previewSrcList", "type": "string[]" }, { "name": "referrerPolicy", "description": "Native 'referrerPolicy' attribute", "type": "string" }, { "name": "src", "description": "Image source", "type": "string" } ], "slots": [ { "name": "placeholder", "description": "Placeholder content when image hasn't loaded yet" }, { "name": "error", "description": "Error content when error occurs to image load" } ] }, { "name": "ElInput", "description": "Input data using mouse or keyboard.", "doc-url": "https://element.eleme.io/#/en-US/component/input", "props": [ { "name": "type", "description": "Type of input", "type": "InputType" }, { "name": "readonly", "description": "Same as readonly in native input", "type": "boolean" }, { "name": "showWordLimit", "description": "Whether to show wordCount when setting maxLength", "type": "boolean" }, { "name": "maxlength", "description": "Maximum Input text length", "type": "number" }, { "name": "validateEvent", "description": "Whether to trigger form validatio", "type": "boolean" }, { "name": "size", "description": "Size of Input, works when type is not 'textarea'", "type": "ElementUIComponentSize" }, { "name": "name", "description": "Same as name in native input", "type": "string" }, { "name": "prefixIcon", "description": "Prefix icon class", "type": "string" }, { "name": "minlength", "description": "Minimum Input text length", "type": "number" }, { "name": "suffixIcon", "description": "Suffix icon class", "type": "string" }, { "name": "min", "description": "Same as min in native input", "type": "any" }, { "name": "disabled", "description": "Whether Input is disabled", "type": "boolean" }, { "name": "placeholder", "description": "Placeholder of Input", "type": "string" }, { "name": "value", "description": "Binding value", "type": "string|number" }, { "name": "autoComplete", "type": "string" }, { "name": "clearable", "description": "Whether the input is clearable", "type": "boolean" }, { "name": "autocomplete", "description": "Same as autocomplete in native input", "type": "string" }, { "name": "max", "description": "Same as max in native input", "type": "any" }, { "name": "rows", "description": "Number of rows of textarea, only works when type is 'textarea'", "type": "number" }, { "name": "autofocus", "description": "Same as autofocus in native input", "type": "boolean" }, { "name": "form", "description": "Same as form in native input", "type": "string" }, { "name": "resize", "description": "Control the resizability", "type": "Resizability" }, { "name": "showPassword", "description": "Whether to show password", "type": "boolean" }, { "name": "step", "description": "Same as step in native input", "type": "any" }, { "name": "autosize", "description": "Whether textarea has an adaptive height, only works when type is 'textarea'", "type": "boolean|AutoSize" } ], "slots": [ { "name": "prefix", "description": "Content as Input prefix, only works when `type` is 'text'" }, { "name": "suffix", "description": "Content as Input suffix, only works when `type` is 'text'" }, { "name": "prepend", "description": "Content to prepend before Input, only works when `type` is 'text'" }, { "name": "append", "description": "Content to append after Input, only works when `type` is 'text'" } ] }, { "name": "ElInputNumber", "description": "Input numerical values with a customizable range.", "doc-url": "https://element.eleme.io/#/en-US/component/input-number", "props": [ { "name": "controls", "description": "Whether to enable the control buttons", "type": "boolean" }, { "name": "precision", "description": "Precision of input value", "type": "number" }, { "name": "debounce", "description": "Debounce delay when typing, in milliseconds", "type": "number" }, { "name": "stepStrictly", "description": "whether input value can only be multiple of step", "type": "boolean" }, { "name": "size", "description": "Size of the component", "type": "InputNumberSize" }, { "name": "name", "description": "Same as name in native input", "type": "string" }, { "name": "min", "description": "The minimum allowed value", "type": "number" }, { "name": "disabled", "description": "Whether the component is disabled", "type": "boolean" }, { "name": "controlsPosition", "description": "Position of the control buttons", "type": "string" }, { "name": "value", "description": "Binding value", "type": "number" }, { "name": "max", "description": "The maximum allowed value", "type": "number" }, { "name": "step", "description": "Incremental step", "type": "number" } ] }, { "name": "ElLink", "description": "Text hyperlink", "doc-url": "https://element.eleme.io/#/en-US/component/link", "props": [ { "name": "underline", "description": "Link underline", "type": "boolean" }, { "name": "type", "description": "Link type", "type": "LinkType" }, { "name": "href", "description": "Link href", "type": "string" }, { "name": "icon", "description": "Link icon, accepts an icon name of Element icon component", "type": "string" }, { "name": "disabled", "description": "Disable the link", "type": "boolean" }, { "name": "target", "description": "Link target", "type": "string" } ] }, { "name": "ElMain", "description": "Container for main sections.", "doc-url": "https://element.eleme.io/#/en-US/component/container", "props": [] }, { "name": "ElMenu", "description": "Menu that provides navigation for your website.", "doc-url": "https://element.eleme.io/#/en-US/component/menu", "props": [ { "name": "defaultOpeneds", "description": "Array that contains keys of currently active sub-menus", "type": "string[]" }, { "name": "mode", "description": "Menu display mode", "type": "MenuDisplayMode" }, { "name": "router", "description": "Whether vue-router mode is activated. If true, index will be used as 'path' to activate the route action", "type": "boolean" }, { "name": "uniqueOpened", "description": "Whether only one sub-menu can be active", "type": "boolean" }, { "name": "textColor", "description": "Text color of Menu (hex format)", "type": "string" }, { "name": "defaultActive", "description": "Index of currently active menu", "type": "string" }, { "name": "activeTextColor", "description": "Text color of currently active menu item (hex format)", "type": "string" }, { "name": "backgroundColor", "description": "Background color of Menu (hex format)", "type": "string" }, { "name": "menuTrigger", "description": "How sub-menus are triggered, only works when mode is 'horizontal'", "type": "string" }, { "name": "collapse", "description": "Whether the menu is collapsed (available only in vertical mode)", "type": "boolean" }, { "name": "collapseTransition", "description": "Whether the menu collapse transition is active", "type": "boolean" } ] }, { "name": "ElMenuItem", "doc-url": "https://element.eleme.io/#/en-US/component/menu#menu-item-attribute", "props": [ { "name": "index", "description": "Unique identification", "type": "string" }, { "name": "route", "description": "Vue Router object", "type": "object" } ] }, { "name": "ElMenuItemGroup", "doc-url": "https://element.eleme.io/#/en-US/component/menu#menu-item-attribute", "props": [ { "name": "title", "description": "Group title", "type": "string" } ] }, { "name": "ElOption", "doc-url": "https://element.eleme.io/#/en-US/component/select#option-attributes", "props": [ { "name": "disabled", "description": "Whether option is disabled", "type": "boolean" }, { "name": "value", "description": "Value of option", "type": "any" }, { "name": "label", "description": "Label of option, same as value if omitted", "type": "string" } ] }, { "name": "ElOptionGroup", "doc-url": "https://element.eleme.io/#/en-US/component/select#option-group-attributes", "props": [ { "name": "disabled", "description": "Whether to disable all options in this group", "type": "boolean" }, { "name": "label", "description": "Name of the group", "type": "string" } ] }, { "name": "ElPageHeader", "description": "If path of the page is simple, it is recommended to use PageHeader instead of the Breadcrumb.", "doc-url": "https://element.eleme.io/#/en-US/component/page-header", "props": [ { "name": "title", "description": "title", "type": "String" }, { "name": "content", "description": "content", "type": "String" } ], "slots": [ { "name": "title", "description": "Title content" }, { "name": "content", "description": "Content" } ] }, { "name": "ElPagination", "description": "If you have too much data to display in one page, use pagination.", "doc-url": "https://element.eleme.io/#/en-US/component/pagination", "props": [ { "name": "small", "description": "Whether to use small pagination", "type": "boolean" }, { "name": "pageSize", "description": "Item count of each page", "type": "number" }, { "name": "prevText", "description": "Text for the prev button", "type": "string" }, { "name": "nextText", "description": "Text for the prev button", "type": "string" }, { "name": "popperClass", "description": "Custom class name for the page size Select's dropdown", "type": "string" }, { "name": "pageSizes", "description": "Options of item count per page", "type": "number[]" }, { "name": "total", "description": "Total item count", "type": "number" }, { "name": "pageCount", "description": "Total page count. Set either total or page-count and pages will be displayed; if you need page-sizes, total is required", "type": "number" }, { "name": "pagerCount", "description": "Number of pagers", "type": "number" }, { "name": "hideOnSinglePage", "description": "Whether to hide when thers's only one page", "type": "boolean" }, { "name": "layout", "description": "Layout of Pagination. Elements separated with a comma.\nAccepted values: `sizes`, `prev`, `pager`, `next`, `jumper`, `-&gt;`, `total`, `slot`", "type": "string" }, { "name": "currentPage", "description": "Current page number", "type": "number" } ], "slots": [ { "name": "default", "description": "Custom content. To use this, you need to declare `slot` in `layout`" } ] }, { "name": "ElPopconfirm", "description": "A simple confirmation dialog of an element click action.", "doc-url": "https://element.eleme.io/#/en-US/component/popconfirm", "props": [ { "name": "visibleArrow", "description": "Whether a tooltip arrow is displayed or not. For more info, please refer to Vue-popper", "type": "boolean" }, { "name": "offset", "description": "Popover offset", "type": "number" }, { "name": "tabindex", "description": "Popover tabindex", "type": "number" }, { "name": "popperClass", "description": "Custom class name for popover", "type": "string" }, { "name": "placement", "description": "Popover placement", "type": "PopoverPlacement" }, { "name": "icon", "description": "Popconfirm icon", "type": "string" }, { "name": "title", "description": "Popconfirm title", "type": "string" }, { "name": "content", "description": "Popover content, can be replaced with a default slot", "type": "string" }, { "name": "disabled", "description": "Whether Popover is disabled", "type": "boolean" }, { "name": "popperOptions", "description": "Parameters for popper.js", "type": "object" }, { "name": "value", "description": "Whether popover is visible", "type": "boolean" }, { "name": "confirmButtonText", "description": "Popconfirm ok text", "type": "string" }, { "name": "cancelButtonText", "description": "Popconfirm cancel text", "type": "string" }, { "name": "cancelButtonType", "description": "Popconfirm cancal type", "type": "string" }, { "name": "hideIcon", "description": "Popconfirm hide icon", "type": "boolean" }, { "name": "trigger", "description": "How the popover is triggered", "type": "PopoverTrigger" }, { "name": "confirmButtonType", "description": "Popconfirm ok type", "type": "string" }, { "name": "transition", "description": "Popover transition animation", "type": "string" }, { "name": "closeDelay", "description": "Delay before disappearing when trigger is hover, in milliseconds", "type": "number" }, { "name": "openDelay", "description": "Delay before appearing when trigger is hover, in milliseconds", "type": "number" }, { "name": "iconColor", "description": "Popconfirm icon color", "type": "string" }, { "name": "width", "description": "Popover width", "type": "string|number" } ], "slots": [ { "name": "reference", "description": "HTML element that triggers popover" }, { "name": "default", "description": "Content of popover" } ] }, { "name": "ElPopover", "description": "Similar to Tooltip, Popover is also built with `Vue-popper`", "doc-url": "https://element.eleme.io/#/en-US/component/popover", "props": [ { "name": "visibleArrow", "description": "Whether a tooltip arrow is displayed or not. For more info, please refer to Vue-popper", "type": "boolean" }, { "name": "offset", "description": "Popover offset", "type": "number" }, { "name": "tabindex", "description": "Popover tabindex", "type": "number" }, { "name": "popperClass", "description": "Custom class name for popover", "type": "string" }, { "name": "placement", "description": "Popover placement", "type": "PopoverPlacement" }, { "name": "title", "description": "Popover title", "type": "string" }, { "name": "content", "description": "Popover content, can be replaced with a default slot", "type": "string" }, { "name": "disabled", "description": "Whether Popover is disabled", "type": "boolean" }, { "name": "popperOptions", "description": "Parameters for popper.js", "type": "object" }, { "name": "value", "description": "Whether popover is visible", "type": "boolean" }, { "name": "trigger", "description": "How the popover is triggered", "type": "PopoverTrigger" }, { "name": "transition", "description": "Popover transition animation", "type": "string" }, { "name": "closeDelay", "description": "Delay before disappearing when trigger is hover, in milliseconds", "type": "number" }, { "name": "openDelay", "description": "Delay before appearing when trigger is hover, in milliseconds", "type": "number" }, { "name": "width", "description": "Popover width", "type": "string|number" } ], "slots": [ { "name": "reference", "description": "HTML element that triggers popover" }, { "name": "default", "description": "Content of popover" } ] }, { "name": "ElProgress", "description": "Progress is used to show the progress of current operation, and inform the user the current status.", "doc-url": "https://element.eleme.io/#/en-US/component/progress", "props": [ { "name": "showText", "description": "Whether to show percentage", "type": "boolean" }, { "name": "type", "description": "The type of progress bar", "type": "ProgressType" }, { "name": "percentage", "description": "Percentage, required", "type": "number" }, { "name": "strokeLinecap", "description": "Circle progress bar stroke line cap", "type": "string" }, { "name": "status", "description": "The current status of progress bar", "type": "ProgressStatus" }, { "name": "strokeWidth", "description": "The width of progress bar", "type": "number" }, { "name": "color", "description": "Background color of progress bar. Overrides `status` prop", "type": "string|Function|Array<string|{color: string, percentage: number}>" }, { "name": "textInside", "description": "Whether to place the percentage inside progress bar, only works when type is 'line'", "type": "boolean" }, { "name": "width", "description": "The canvas width of circle progress bar", "type": "number" } ] }, { "name": "ElRadio", "description": "Single selection among multiple options.", "doc-url": "https://element.eleme.io/#/en-US/component/radio", "props": [ { "name": "border", "description": "Whether to add a border around Radio", "type": "boolean" }, { "name": "name", "description": "Native 'name' attribute", "type": "string" }, { "name": "disabled", "description": "Whether radio is disabled", "type": "boolean" }, { "name": "value", "description": "The form input value", "type": "string" }, { "name": "label", "description": "The value of radio", "type": "string|number|boolean" } ] }, { "name": "ElRadioButton", "doc-url": "https://element.eleme.io/#/en-US/component/radio#radio-group-attributes", "props": [ { "name": "name", "description": "Native 'name' attribute", "type": "string" }, { "name": "disabled", "description": "Whether radio is disabled", "type": "boolean" }, { "name": "value", "description": "The form input value", "type": "string" }, { "name": "label", "description": "The value of radio", "type": "string|number" } ] }, { "name": "ElRadioGroup", "doc-url": "https://element.eleme.io/#/en-US/component/radio#radio-group-attributes", "props": [ { "name": "fill", "description": "Border and background color when button is active", "type": "string" }, { "name": "textColor", "description": "Font color when button is active", "type": "string" }, { "name": "size", "description": "The size of radio buttons", "type": "RadioGroupSize" }, { "name": "disabled", "description": "Whether the nesting radios are disabled", "type": "boolean" } ] }, { "name": "ElRate", "description": "Used for rating", "doc-url": "https://element.eleme.io/#/en-US/component/rate", "props": [ { "name": "showText", "description": "Whether to display texts", "type": "boolean" }, { "name": "voidColor", "description": "Color of unselected icons", "type": "string" }, { "name": "voidIconClass", "description": "Class name of unselected icons", "type": "string" }, { "name": "highThreshold", "description": "Threshold value between medium and high level. The value itself will be included in high level", "type": "number" }, { "name": "textColor", "description": "Color of texts", "type": "string" }, { "name": "scoreTemplate", "description": "Text template when the component is read-only", "type": "string" }, { "name": "allowHalf", "description": "Whether picking half start is allowed", "type": "boolean" }, { "name": "showScore", "description": "Whether to display current score. show-score and show-text cannot be true at the same time", "type": "boolean" }, { "name": "colors", "description": "Colors for icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding color", "type": "string[]|RateColors" }, { "name": "iconClasses", "description": "Class names of icons. If array, it should have 3 elements, each of which corresponds with a score level, else if object, the key should be threshold value between two levels, and the value should be corresponding class name", "type": "string[]|RateIconClasses" }, { "name": "disabled", "description": "Whether Rate is read-only", "type": "boolean" }, { "name": "max", "description": "Max rating score", "type": "number" }, { "name": "lowThreshold", "description": "Threshold value between low and medium level. The value itself will be included in low level", "type": "number" }, { "name": "disabledVoidIconClass", "description": "Class name of unselected read-only icons", "type": "string" }, { "name": "texts", "description": "Text array", "type": "string[]" }, { "name": "disabledVoidColor", "description": "Color of unselected read-only icons", "type": "string" } ] }, { "name": "ElResult", "description": "Used to give feedback on the result of user's operation or access exception.", "doc-url": "https://element.eleme.io/#/en-US/component/result", "props": [ { "name": "subTitle", "description": "sub title", "type": "string" }, { "name": "icon", "description": "icon type", "type": "\"success\"|\"warning\"|\"info\"|\"error\"" }, { "name": "title", "description": "title", "type": "string" } ], "slots": [ { "name": "subTitle", "description": "subTitle slot: custom sub title" }, { "name": "extra", "description": "extra slot: custom extra area, display on the top right" }, { "name": "icon", "description": "icon slot: custom icon" }, { "name": "title", "description": "title slot: custom title" } ] }, { "name": "ElRow", "props": [ { "name": "type", "description": "Layout mode. You can use flex. Works in modern browsers", "type": "string" }, { "name": "align", "description": "Vertical alignment of flex layout", "type": "VertialAlignment" }, { "name": "justify", "description": "Horizontal alignment of flex layout", "type": "HorizontalAlignment" }, { "name": "tag", "description": "Custom element tag", "type": "string" }, { "name": "gutter", "description": "Grid spacing", "type": "number" } ] }, { "name": "ElSelect", "description": "When there are plenty of options, use a drop-down menu to display and select desired ones.", "doc-url": "https://element.eleme.io/#/en-US/component/select", "props": [ { "name": "remoteMethod", "description": "Custom remote search method", "type": "QueryChangeHandler" }, { "name": "remote", "description": "Whether options are loaded from server", "type": "boolean" }, { "name": "filterable", "description": "Whether Select is filterable", "type": "boolean" }, { "name": "loadingText", "description": "Displayed text while loading data from server", "type": "string" }, { "name": "multipleLimit", "description": "Maximum number of options user can select when multiple is true. No limit when set to 0", "type": "number" }, { "name": "loading", "description": "Whether Select is loading data from server", "type": "boolean" }, { "name": "size", "description": "Size of Input", "type": "ElementUIComponentSize" }, { "name": "popperClass", "description": "Custom class name for Select's dropdown", "type": "string" }, { "name": "name", "description": "The name attribute of select input", "type": "string" }, { "name": "allowCreate", "description": "Whether creating new items is allowed. To use this, filterable must be true", "type": "boolean" }, { "name": "disabled", "description": "Whether Select is disabled", "type": "boolean" }, { "name": "placeholder", "description": "Placeholder", "type": "string" }, { "name": "valueKey", "description": "Unique identity key name for value, required when value is an object", "type": "string" }, { "name": "value", "description": "The form input value", "type": "any" }, { "name": "autoComplete", "type": "string" }, { "name": "clearable", "description": "Whether single select can be cleared", "type": "boolean" }, { "name": "filterMethod", "description": "Custom filter method", "type": "QueryChangeHandler" }, { "name": "autocomplete", "description": "Same as autocomplete in native input", "type": "string" }, { "name": "multiple", "description": "Whether multiple-select is activated", "type": "boolean" }, { "name": "noDataText", "description": "Displayed text when there is no options", "type": "string" }, { "name": "popperAppendToBody", "description": "Whether to append the popper menu to body", "type": "boolean" }, { "name": "defaultFirstOption", "description": "Select first matching option on enter key. Use with filterable or remote", "type": "boolean" }, { "name": "noMatchText", "description": "Displayed text when no data matches the filtering query", "type": "string" } ], "slots": [ { "name": "default", "description": "Option component list" }, { "name": "prefix", "description": "Content as Select prefix" }, { "name": "empty", "description": "Content when there is no options" } ] }, { "name": "ElSkeleton", "description": "When loading data, and you need a rich experience for visual and interactions for your end users, you can choose `skeleton`.", "doc-url": "https://element.eleme.io/#/en-US/component/skeleton", "props": [ { "name": "count", "description": "how many fake items to render to the DOM; default: 1", "type": "number" }, { "name": "loading", "description": "whether showing the skeleton; default true", "type": "boolean" }, { "name": "animated", "description": "whether showing the animation; default: false", "type": "boolean" }, { "name": "throttle", "description": "Rendering delay in millseconds; default: 0", "type": "number" }, { "name": "rows", "description": "numbers of the row, only useful when no template slot were given; default: 4", "type": "boolean" } ], "slots": [ { "name": "template", "description": "template slot: Custom rendering skeleton template" }, { "name": "default", "description": "default slot: \bReal rendering DOM" } ] }, { "name": "ElSkeletonItem", "doc-url": "https://element.eleme.io/#/en-US/component/skeleton#skeleton-item-attributes", "props": [ { "name": "variant", "description": "The current rendering skeleton type; default: text", "type": "\"p\"|\"text\"|\"h1\"|\"h3\"|\"caption\"|\"button\"|\"image\"|\"circle\"|\"rect\"" } ] }, { "name": "ElSlider", "description": "Drag the slider within a fixed range.", "doc-url": "https://element.eleme.io/#/en-US/component/slider", "props": [ { "name": "showInputControls", "description": "Whether to display control buttons when show-input is true", "type": "boolean" }, { "name": "debounce", "description": "Debounce delay when typing, in milliseconds, works when show-input is true", "type": "number" }, { "name": "showInput", "description": "Whether to display an input box, works when range is false", "type": "boolean" }, { "name": "formatTooltip", "description": "Format of displayed tooltip value", "type": "SliderTooltipFormat" }, { "name": "height", "description": "Slider height, required in vertical mode", "type": "boolean" }, { "name": "range", "description": "Whether to select a range", "type": "boolean" }, { "name": "vertical", "description": "Vertical mode", "type": "boolean" }, { "name": "showStops", "description": "Whether to display breakpoints", "type": "boolean" }, { "name": "min", "description": "Minimum value", "type": "number" }, { "name": "inputSize", "description": "Size of the input box", "type": "string" }, { "name": "disabled", "description": "Whether Slider is disabled", "type": "boolean" }, { "name": "value", "description": "Current value of the slider", "type": "number|number[]" }, { "name": "tooltipClass", "description": "Custom class name for the tooltip", "type": "string" }, { "name": "max", "description": "Maximum value", "type": "number" }, { "name": "showTooltip", "description": "Whether to display tooltip value", "type": "boolean" }, { "name": "marks", "description": "Custom marks", "type": "{[p: number]: string|{style: object, label: string|VNode}}" }, { "name": "step", "description": "Step size", "type": "number" } ] }, { "name": "ElSpinner", "props": [ { "name": "type", "description": "The type of spinner", "type": "string" }, { "name": "radius", "description": "The radius of spinner", "type": "number" }, { "name": "strokeColor", "description": "The color of spinner", "type": "string" }, { "name": "strokeWidth", "description": "The width of spinner", "type": "number" } ] }, { "name": "ElStep", "doc-url": "https://element.eleme.io/#/en-US/component/steps#step-attributes", "props": [ { "name": "status", "description": "Current status. It will be automatically set by Steps if not configured.", "type": "StepStatus" }, { "name": "icon", "description": "Step icon", "type": "string" }, { "name": "description", "description": "Step description", "type": "string" }, { "name": "title", "description": "Step title", "type": "string" } ], "slots": [ { "name": "icon", "description": "Custom icon" }, { "name": "description", "description": "Step description" }, { "name": "title", "description": "Step title" } ] }, { "name": "ElSteps", "description": "Guide the user to complete tasks in accordance with the process. Its steps can be set according to the actual application scenario and the number of the steps can't be less than 2.", "doc-url": "https://element.eleme.io/#/en-US/component/steps", "props": [ { "name": "processStatus", "description": "Status of current step", "type": "StepStatus" }, { "name": "simple", "description": "Whether to apply simple theme", "type": "boolean" }, { "name": "space", "description": "The spacing of each step, will be responsive if omitted. Support percentage.", "type": "number|string" }, { "name": "active", "description": "Current activation step", "type": "number" }, { "name": "direction", "description": "Display direction", "type": "StepsDirection" }, { "name": "alignCenter", "description": "Whether step description is centered", "type": "boolean" }, { "name": "finishStatus", "description": "Status of end step", "type": "StepStatus" } ] }, { "name": "ElSubmenu", "doc-url": "https://element.eleme.io/#/en-US/component/menu#submenu-attribute", "props": [ { "name": "index", "description": "Unique identification", "type": "string|null" }, { "name": "popperClass", "description": "Custom class name for the popup menu", "type": "string" }, { "name": "hideTimeout", "description": "Delay time before hiding a sub-menu", "type": "number" }, { "name": "disabled", "description": "Whether the sub-menu is disabled", "type": "boolean" }, { "name": "popperAppendToBody", "description": "Whether to append the popper menu to body", "type": "boolean" }, { "name": "showTimeout", "description": "Delay time before showing a sub-menu", "type": "number" } ] }, { "name": "ElSwitch", "description": "Switch is used for switching between two opposing states.", "doc-url": "https://element.eleme.io/#/en-US/component/switch", "props": [ { "name": "activeText", "description": "Text displayed when in on state", "type": "string" }, { "name": "activeIconClass", "description": "Class name of the icon displayed when in on state, overrides on-text", "type": "string" }, { "name": "inactiveValue", "description": "Switch value when in off state", "type": "string|boolean|number" }, { "name": "validateEvent", "description": "Whether to trigger form validation", "type": "boolean" }, { "name": "inactiveIconClass", "description": "Class name of the icon displayed when in off state, overrides off-text", "type": "string" }, { "name": "activeColor", "description": "Background color when in on state", "type": "string" }, { "name": "name", "description": "Input name of Switch", "type": "string" }, { "name": "activeValue", "description": "Switch value when in on state", "type": "string|boolean|number" }, { "name": "inactiveText", "description": "Text displayed when in off state", "type": "string" }, { "name": "disabled", "description": "Whether Switch is disabled", "type": "boolean" }, { "name": "value", "description": "Whether Switch is on", "type": "boolean" }, { "name": "inactiveColor", "description": "Background color when in off state", "type": "string" }, { "name": "width", "description": "Width of Switch", "type": "number" } ] }, { "name": "ElTabPane", "doc-url": "https://element.eleme.io/#/en-US/component/tabs#tab-pane-attributes", "props": [ { "name": "name", "description": "Identifier corresponding to the activeName of Tabs, representing the alias of the tab-pane", "type": "string" }, { "name": "closable", "description": "Whether Tab is closable", "type": "boolean" }, { "name": "lazy", "description": "Whether Tab is lazily rendered", "type": "boolean" }, { "name": "disabled", "description": "Whether Tab is disabled", "type": "boolean" }, { "name": "label", "description": "Title of the tab", "type": "string" } ] }, { "name": "ElTable", "description": "Display multiple data with similar format. You can sort, filter, compare your data in a table.", "doc-url": "https://element.eleme.io/#/en-US/component/table", "props": [ { "name": "showSummary", "description": "Whether to display a summary row", "type": "boolean" }, { "name": "data", "description": "Table data", "type": "object[]" }, { "name": "rowStyle", "description": "Function that returns custom style for a row, or an object assigning custom style for every row", "type": "object|(function(rowCallbackParams): object)" }, { "name": "defaultSort", "description": "Set the default sort column and order", "type": "DefaultSortOptions" }, { "name": "fit", "description": "Whether width of column automatically fits its container", "type": "boolean" }, { "name": "headerRowStyle", "description": "Function that returns custom style for a row in table header, or an object assigning custom style for every row in table header", "type": "object|(function(rowCallbackParams): object)" }, { "name": "stripe", "description": "Whether table is striped", "type": "boolean" }, { "name": "defaultExpandAll", "description": "Whether expand all rows by default. Only works when the table has a column `type=\"expand\"`", "type": "Boolean" }, { "name": "height", "description": "Table's height. By default it has an auto height. If its value is a number, the height is measured in pixels; if its value is a string, the height is affected by external styles", "type": "string|number" }, { "name": "border", "description": "Whether table has vertical border", "type": "boolean" }, { "name": "sumText", "description": "Displayed text for the first column of summary row", "type": "string" }, { "name": "selectOnIndeterminate", "description": "Controls the behavior of master checkbox in multi-select tables when only some rows are selected", "type": "boolean" }, { "name": "rowClassName", "description": "Function that returns custom class names for a row, or a string assigning class names for every row", "type": "string|(function(rowCallbackParams): string)" }, { "name": "headerRowClassName", "description": "Function that returns custom class names for a row in table header, or a string assigning class names for every row in table header", "type": "string|(function(rowCallbackParams): string)" }, { "name": "currentRowKey", "description": "Key of current row, a set only prop", "type": "string|number" }, { "name": "indent", "description": "Horizontal indentation of nodes in adjacent levels in pixels", "type": "number" }, { "name": "lazy", "description": "Whether to lazy load tree structure data, used with load attribute", "type": "boolean" }, { "name": "emptyText", "description": "Displayed text when data is empty. You can customize this area with `slot=\"empty\"`", "type": "String" }, { "name": "maxHeight", "description": "Table's max-height. The height of the table starts from auto until it reaches the maxHeight limit. The maxHeight is measured in pixels, same as height", "type": "string|number" }, { "name": "tooltipEffect", "description": "Tooltip effect property", "type": "TooltipEffect" }, { "name": "showHeader", "description": "Whether table header is visible", "type": "boolean" }, { "name": "highlightCurrentRow", "description": "Whether current row is highlighted", "type": "boolean" }, { "name": "cellStyle", "description": "Function that returns custom style for a cell, or an object assigning custom style for every cell", "type": "object|(function(cellCallbackParams): object)" }, { "name": "headerCellClassName", "description": "Function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header", "type": "string|(function(cellCallbackParams): string)" }, { "name": "headerCellStyle", "description": "Function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header", "type": "object|(function(cellCallbackParams): object)" }, { "name": "cellClassName", "description": "Function that returns custom class names for a cell, or a string assigning class names for every cell", "type": "string|(function(cellCallbackParams): string)" }, { "name": "expandRowKeys", "description": "Set expanded rows by this prop. Prop's value is the keys of expand rows, you should set row-key before using this prop", "type": "any[]" } ], "slots": [ { "name": "append", "description": "Contents to be inserted after the last row. You may need this slot if you want to implement infinite scroll for the table. This slot will be displayed above the summary row if there is one." } ] }, { "name": "ElTableColumn", "doc-url": "https://element.eleme.io/#/en-US/component/table#table-column-attributes", "props": [ { "name": "type", "description": "Type of the column. If set to `selection`, the column will display checkbox. If set to `index`, the column will display index of the row (staring from 1). If set to `expand`, the column will display expand icon.", "type": "TableColumnType" }, { "name": "align", "description": "Alignment", "type": "ElementUIHorizontalAlignment" }, { "name": "headerAlign", "description": "Alignment of the table header. If omitted, the value of the `align` attribute will be applied", "type": "ElementUIHorizontalAlignment" }, { "name": "sortOrders", "description": "The order of the sorting strategies used when sorting the data. Works when `sortable` is `true`.", "type": "SortOrders[]" }, { "name": "filterPlacement", "description": "Placement for the filter dropdown", "type": "PopoverPlacement" }, { "name": "reserveSelection", "description": "Whether to reserve selection after data refreshing, works when `type` is `'selection'`", "type": "boolean" }, { "name": "fixed", "description": "Whether column is fixed at left/right. Will be fixed at left if `true`", "type": "boolean|TableColumnFixedType" }, { "name": "columnKey", "description": "Column's key. If you need to use the filter-change event, you need this attribute to identify which column is being filtered", "type": "string" }, { "name": "labelClassName", "description": "Class name of the label of this column", "type": "string" }, { "name": "className", "description": "Class name of cells in the column", "type": "string" }, { "name": "prop", "description": "Field name. You can also use its alias: property", "type": "string" }, { "name": "showOverflowTooltip", "description": "Whether to hide extra content and show them in a tooltip when hovering on the cell", "type": "boolean" }, { "name": "filterMultiple", "description": "Whether data filtering supports multiple options", "type": "Boolean" }, { "name": "resizable", "description": "Whether column width can be resized. Works when border of `el-table` is `true`", "type": "boolean" }, { "name": "filteredValue", "description": "Filter value for selected data, might be useful when table header is rendered with `render-header`", "type": "TableColumnFilter[]" }, { "name": "minWidth", "description": "Column minimum width. Columns with `width` has a fixed width, while columns with `min-width` has a width that is distributed in proportion", "type": "string" }, { "name": "label", "description": "Column label", "type": "string" }, { "name": "sortable", "description": "Whether column can be sorted", "type": "boolean|\"custom\"" }, { "name": "filters", "description": "An array of data filtering options", "type": "TableColumnFilter[]" }, { "name": "width", "description": "Column width", "type": "string" } ], "slots": [ { "name": "default", "description": "Custom content for table columns.", "type": "{ row: any, column: any, $index: any }" }, { "name": "header", "description": "Custom content for table header.", "type": "{ column: any, $index: any }" } ] }, { "name": "ElTabs", "description": "Divide data collections which are related yet belong to different types.", "doc-url": "https://element.eleme.io/#/en-US/component/tabs", "props": [ { "name": "type", "description": "Type of Tab", "type": "TabType" }, { "name": "closable", "description": "Whether Tab is closable", "type": "boolean" }, { "name": "tabPosition", "description": "Position of tabs", "type": "TabPosition" }, { "name": "stretch", "description": "Whether width of tab automatically fits its container", "type": "Boolean" }, { "name": "value", "description": "Name of the selected tab", "type": "string" }, { "name": "editable", "description": "Whether Tab is addable and closable", "type": "boolean" }, { "name": "addable", "description": "Whether Tab is addable", "type": "boolean" } ] }, { "name": "ElTag", "description": "Used for marking and selection.", "doc-url": "https://element.eleme.io/#/en-US/component/tag", "props": [ { "name": "disableTransitions", "description": "Whether the removal animation is disabled", "type": "boolean" }, { "name": "type", "description": "Tag type", "type": "TagType" }, { "name": "hit", "description": "Whether Tag has a highlighted border", "type": "boolean" }, { "name": "size", "description": "Tag size", "type": "ElementUIComponentSize" }, { "name": "effect", "description": "Tag theme", "type": "TagTheme" }, { "name": "color", "description": "Background color of the tag", "type": "string" }, { "name": "closable", "description": "Whether Tab can be removed", "type": "boolean" } ] }, { "name": "ElTimePicker", "description": "Use Time Picker for time input.", "doc-url": "https://element.eleme.io/#/en-US/component/time-picker", "props": [ { "name": "align", "description": "Alignment", "type": "ElementUIHorizontalAlignment" }, { "name": "readonly", "description": "Whether DatePicker is read only", "type": "boolean" }, { "name": "size", "description": "Size of Input", "type": "ElementUIComponentSize" }, { "name": "popperClass", "description": "Custom class name for TimePicker's dropdown", "type": "string" }, { "name": "startPlaceholder", "description": "Placeholder for the start time in range mode", "type": "string" }, { "name": "disabled", "description": "Whether DatePicker is disabled", "type": "boolean" }, { "name": "placeholder", "description": "Placeholder", "type": "string" }, { "name": "endPlaceholder", "description": "Placeholder for the end time in range mode", "type": "string" }, { "name": "value", "description": "Value of the picker", "type": "string|Date" }, { "name": "rangeSeparator", "description": "Range separator", "type": "string" }, { "name": "clearable", "description": "Whether to show clear button", "type": "boolean" }, { "name": "editable", "description": "Whether the input is editable", "type": "boolean" }, { "name": "pickerOptions", "description": "Additional options, check the table below", "type": "TimePickerOptions" }, { "name": "isRange", "description": "Whether to pick a time range", "type": "boolean" } ] }, { "name": "ElTimeSelect", "doc-url": "https://element.eleme.io/#/en-US/component/time-picker#time-select-options", "props": [ { "name": "align", "description": "Alignment", "type": "ElementUIHorizontalAlignment" }, { "name": "readonly", "description": "Whether DatePicker is read only", "type": "boolean" }, { "name": "size", "description": "Size of Input", "type": "ElementUIComponentSize" }, { "name": "popperClass", "description": "Custom class name for TimePicker's dropdown", "type": "string" }, { "name": "disabled", "description": "Whether DatePicker is disabled", "type": "boolean" }, { "name": "placeholder", "description": "Placeholder", "type": "string" }, { "name": "value", "description": "Value of the picker", "type": "string|Date" }, { "name": "clearable", "description": "Whether to show clear button", "type": "boolean" }, { "name": "editable", "description": "Whether the input is editable", "type": "boolean" }, { "name": "pickerOptions", "description": "Additional options, check the table below", "type": "TimeSelectOptions" } ] }, { "name": "ElTimeline", "description": "Visually display timeline.", "doc-url": "https://element.eleme.io/#/en-US/component/timeline", "props": [ { "name": "reverse", "type": "boolean" } ] }, { "name": "ElTimelineItem", "doc-url": "https://element.eleme.io/#/en-US/component/timeline#timeline-item-attributes", "props": [ { "name": "type", "type": "TimelineItemType" }, { "name": "size", "type": "TimelineItemSize" }, { "name": "placement", "type": "TimelineItemPlacement" }, { "name": "icon", "type": "string" }, { "name": "hideTimestamp", "type": "boolean" }, { "name": "timestamp", "type": "string" } ], "slots": [ { "name": "default", "description": "Custom content for timeline item" }, { "name": "dot", "description": "Custom defined node" } ] }, { "name": "ElTooltip", "description": "Display prompt information for mouse hover.", "doc-url": "https://element.eleme.io/#/en-US/component/tooltip", "props": [ { "name": "visibleArrow", "description": "Whether an arrow is displayed. For more information, check Vue-popper page", "type": "boolean" }, { "name": "hideAfter", "description": "Timeout in milliseconds to hide tooltip", "type": "string" }, { "name": "offset", "description": "Offset of the Tooltip", "type": "number" }, { "name": "tabindex", "description": "Tooltip tabindex", "type": "number" }, { "name": "effect", "description": "Tooltip theme", "type": "TooltipEffect" }, { "name": "popperClass", "description": "Custom class name for Tooltip's popper", "type": "string" }, { "name": "placement", "description": "Position of Tooltip", "type": "PopoverPlacement" }, { "name": "manual", "description": "Whether to control Tooltip manually. mouseenter and mouseleave won't have effects if set to true", "type": "boolean" }, { "name": "content", "description": "Display content, can be overridden by slot#content", "type": "String" }, { "name": "enterable", "description": "Whether the mouse can enter the tooltip", "type": "string" }, { "name": "disabled", "description": "Whether Tooltip is disabled", "type": "boolean" }, { "name": "popperOptions", "description": "Popper.js parameters", "type": "object" }, { "name": "value", "description": "Visibility of Tooltip", "type": "boolean" }, { "name": "transition", "description": "Animation name", "type": "string" }, { "name": "openDelay", "description": "Delay of appearance, in millisecond", "type": "number" } ] }, { "name": "ElTransfer", "doc-url": "https://element.eleme.io/#/en-US/component/transfer", "props": [ { "name": "data", "description": "Data source", "type": "TransferData[]" }, { "name": "leftDefaultChecked", "description": "Key array of initially checked data items of the left list", "type": "any[]" }, { "name": "renderContent", "description": "Custom render function for data items", "type": "TransferRenderContent" }, { "name": "filterable", "description": "Whether Transfer is filterable", "type": "boolean" }, { "name": "format", "description": "Texts for checking status in list header", "type": "TransferFormat" }, { "name": "filterPlaceholder", "description": "Placeholder for the filter input", "type": "string" }, { "name": "buttonTexts", "description": "Custom button texts", "type": "string[]" }, { "name": "props", "description": "Prop aliases for data source", "type": "TransferProps" }, { "name": "rightDefaultChecked", "description": "Key array of initially checked data items of the right list", "type": "any[]" }, { "name": "targetOrder", "description": "Order strategy for elements in the target list", "type": "string" }, { "name": "titles", "description": "Custom list titles", "type": "string[]" } ], "slots": [ { "name": "default", "description": "Custom content for data items.", "type": "{ option: any }" }, { "name": "left-footer", "description": "Content of left list footer" }, { "name": "right-footer", "description": "Content of right list footer" } ] }, { "name": "ElTree", "description": "Display a set of data with hierarchies.", "doc-url": "https://element.eleme.io/#/en-US/component/tree", "props": [ { "name": "data", "description": "Tree data", "type": "TreeData[]" }, { "name": "checkOnClickNode", "description": "Whether to check or uncheck node when clicking on the node, if false, the node can only be checked or unchecked by clicking on the checkbox.", "type": "boolean" }, { "name": "defaultExpandAll", "description": "Whether to expand all nodes by default", "type": "boolean" }, { "name": "highlightCurrent", "description": "Whether current node is highlighted", "type": "boolean" }, { "name": "expandOnClickNode", "description": "Whether to expand or collapse node when clicking on the node. If false, then expand or collapse node only when clicking on the arrow icon.", "type": "boolean" }, { "name": "accordion", "description": "Whether only one node among the same level can be expanded at one time", "type": "boolean" }, { "name": "props", "description": "Configuration options, see the following table", "type": "TreeProps" }, { "name": "showCheckbox", "description": "Whether node is selectable", "type": "boolean" }, { "name": "defaultExpandedKeys", "description": "Array of keys of initially expanded nodes", "type": "any[]" }, { "name": "indent", "description": "Horizontal indentation of nodes in adjacent levels in pixels", "type": "number" }, { "name": "emptyText", "description": "Text displayed when data is void", "type": "string" }, { "name": "draggable", "description": "Whether enable tree nodes drag and drop", "type": "boolean" }, { "name": "defaultCheckedKeys", "description": "Array of keys of initially checked nodes", "type": "any[]" }, { "name": "checkStrictly", "description": "Whether checked state of a node not affects its father and child nodes when show-checkbox is true", "type": "boolean" }, { "name": "store", "description": "TreeStore", "type": "TreeStore<any, TreeData>" }, { "name": "iconClass", "description": "Custom tree node icon", "type": "string" }, { "name": "autoExpandParent", "description": "Whether to expand father node when a child node is expanded", "type": "boolean" }, { "name": "nodeKey", "description": "Unique identity key name for nodes, its value should be unique across the whole tree", "type": "string" } ], "slots": [ { "name": "default", "description": "Custom content for tree nodes.", "type": "{ node: any, data: any }" } ] }, { "name": "ElUpload", "description": "Upload files by clicking or drag-and-drop", "doc-url": "https://element.eleme.io/#/en-US/component/upload", "props": [ { "name": "data", "description": "Additions options of request", "type": "object" }, { "name": "showFileList", "description": "Whether to show the uploaded file list", "type": "boolean" }, { "name": "limit", "description": "Maximum number of uploads allowed", "type": "number" }, { "name": "action", "description": "Request URL (required)", "type": "string" }, { "name": "drag", "description": "Whether to activate drag and drop mode", "type": "boolean" }, { "name": "fileList", "description": "Default uploaded files", "type": "FileListItem[]" }, { "name": "accept", "description": "Accepted file types, will not work when thumbnail-mode is true", "type": "string" }, { "name": "name", "description": "Key name for uploaded file", "type": "string" }, { "name": "listType", "description": "Type of fileList", "type": "ListType" }, { "name": "autoUpload", "description": "Whether to auto upload file", "type": "boolean" }, { "name": "disabled", "description": "Whether to disable upload", "type": "boolean" }, { "name": "headers", "description": "Request headers", "type": "object" }, { "name": "thumbnailMode", "description": "Whether thumbnail is displayed", "type": "boolean" }, { "name": "multiple", "description": "Whether uploading multiple files is permitted", "type": "boolean" }, { "name": "withCredentials", "description": "Whether cookies are sent", "type": "boolean" } ], "slots": [ { "name": "trigger", "description": "Content which triggers file dialog" }, { "name": "tip", "description": "Content of tips" } ] } ], "vue-directives": [ { "name": "loading", "description": "Displays animation in a container (such as a table) while loading data.\n\nElement provides two ways to invoke Loading: directive and service. For the custom directive `v-loading`, you just need to bind a boolean value to it. By default, the loading mask will append to the element where the directive is used. Adding the `body` modifier makes the mask append to the body element.", "doc-url": "https://element.eleme.io/#/en-US/component/loading", "attribute-value": { "type": "boolean", "required": true }, "modifiers": [ { "name": "body", "description": "Make the mask append to the body element", "type": "boolean" }, { "name": "fullscreen", "type": "boolean" } ] }, { "name": "infinite-scroll", "description": "Add `v-infinite-scroll` to the list to automatically execute loading method when scrolling to the bottom.", "doc-url": "https://element.eleme.io/#/en-US/component/infiniteScroll", "attribute-value": { "type": "Function", "required": true } }, { "name": "popover", "doc-url": "https://element.eleme.io/#/en-US/component/popover", "description": "Use the `v-popover` directive and set it to Popover's ref to trigger element." } ] } }}
本文链接地址:https://www.jiuchutong.com/zhishi/288831.html 转载请保留说明!

上一篇:青龙面板从搭建到运行第一个定时脚本(青龙面板搭建教程)

下一篇:康沃尔郡的彭赞斯,英国 (© Murray Bosley Photography/Getty Images)(康沃尔公国范围)

  • 学生用的笔记本电脑怎么选(学生用的笔记本)(学生用的笔记本本子一般多大尺寸)

    学生用的笔记本电脑怎么选(学生用的笔记本)(学生用的笔记本本子一般多大尺寸)

  • 苹果13promax送充电器吗(苹果13promax送充电头吗)

    苹果13promax送充电器吗(苹果13promax送充电头吗)

  • 华为mate40pro怎么关机重启(华为mate40pro怎么录屏)

    华为mate40pro怎么关机重启(华为mate40pro怎么录屏)

  • 京东下单后怎么修改配送时间(京东下单后怎么修改收货地址)

    京东下单后怎么修改配送时间(京东下单后怎么修改收货地址)

  • win10怎么取消开机密码(win10怎么取消开机选择操作系统)

    win10怎么取消开机密码(win10怎么取消开机选择操作系统)

  • pure天气有没有ios版(pure天气pro)

    pure天气有没有ios版(pure天气pro)

  • 小米10支持几倍光学变焦(小米10支持几倍无损变焦)

    小米10支持几倍光学变焦(小米10支持几倍无损变焦)

  • 微信里图片过期了有没有办法还原(微信里图片过期了还可以恢复吗)

    微信里图片过期了有没有办法还原(微信里图片过期了还可以恢复吗)

  • 话费可以转给别人吗(话费转给别人步骤)

    话费可以转给别人吗(话费转给别人步骤)

  • 用台式电脑视频课程没有耳麦怎么办(台式电脑视频没有声音是什么原因)

    用台式电脑视频课程没有耳麦怎么办(台式电脑视频没有声音是什么原因)

  • 苹果11怎么降级(苹果11怎么降级到14.6版本)

    苹果11怎么降级(苹果11怎么降级到14.6版本)

  • 路由器不放在弱电箱怎么组网(路由器不放在弱电箱)

    路由器不放在弱电箱怎么组网(路由器不放在弱电箱)

  • 微信自动加群的软件?

    微信自动加群的软件?

  • 韩剧tv看一会屏幕就黑了(韩剧tv看一会屏幕变暗)

    韩剧tv看一会屏幕就黑了(韩剧tv看一会屏幕变暗)

  • 抖音app版本过低怎么升级(抖音app版本过低,怎么升级到最新版本苹果手机)

    抖音app版本过低怎么升级(抖音app版本过低,怎么升级到最新版本苹果手机)

  • 小米手机老是自动静音怎么办(小米手机老是自动拍照咋回事)

    小米手机老是自动静音怎么办(小米手机老是自动拍照咋回事)

  • 无线路由器连接不上是什么原因(无线路由器连接无线路由器)

    无线路由器连接不上是什么原因(无线路由器连接无线路由器)

  • 蓝牙配对不成功是什么原因(车载蓝牙配对不成功)

    蓝牙配对不成功是什么原因(车载蓝牙配对不成功)

  • ps特殊模糊怎么用(ps模糊指定区域)

    ps特殊模糊怎么用(ps模糊指定区域)

  • 华为bkl一al00什么型号(华为bkl_al00多少钱)

    华为bkl一al00什么型号(华为bkl_al00多少钱)

  • 手机骚扰电话太多怎么办(手机骚扰电话太多怎么拦截)

    手机骚扰电话太多怎么办(手机骚扰电话太多怎么拦截)

  • 小米9超级夜景在哪里(小米9超级夜景怎么关)

    小米9超级夜景在哪里(小米9超级夜景怎么关)

  • 小米mix3支持27w快充吗(小米mix3支持内存卡扩展吗)

    小米mix3支持27w快充吗(小米mix3支持内存卡扩展吗)

  • qq音乐可以两个手机登录吗(QQ音乐可以两个人登一个账号吗)

    qq音乐可以两个手机登录吗(QQ音乐可以两个人登一个账号吗)

  • 腾达wifi怎么设置校园网(腾达wifi怎么设置穿墙模式)

    腾达wifi怎么设置校园网(腾达wifi怎么设置穿墙模式)

  • 苹果MAC电脑安装Android sdk图文教程(mac上安装)

    苹果MAC电脑安装Android sdk图文教程(mac上安装)

  • 进项税额比销项税额多怎么填申报表
  • 异地预缴可以退吗
  • 什么叫风险纳税人员
  • 当月认证发票进项税转出能不能第二个月转出
  • 场地使用费入什么科目
  • 会计调转是什么意思
  • 收到促销费方怎么做账
  • 单位为个人负担工资、薪金所得的个税,怎么征收个税
  • 如何让自己公司成为供应商
  • 购进库存商品溢余账务处理怎么做?
  • 上个月未抵扣忘记做进项会计分录
  • 广告费收入是不是非税收入
  • 当月没有销售需要结转成本吗
  • 公司委托其他公司办理事情
  • 现金支付业务
  • 税收折旧率
  • 股东转让股份怎么转让
  • 开票超过离线时长怎么解决
  • 个人出租住房增值税免税政策
  • 土地投资入股需要什么资料
  • 购销合同印花税税率
  • 不动产进项抵扣新政策2022
  • 联想thinkpad安装win7方法
  • 光驱弹不出来灯也不亮
  • 出口报关单有什么用
  • 国际重复征税的类型及范围
  • 华为鸿蒙系统看PDF文件会不多次存
  • typecho插件开发教程
  • msoobe.exe是什么
  • pyecharts绘制柱状图动态图
  • 金融行业如何征收营业税
  • 会计如何建账做账
  • 逾期包装物押金收入计入什么科目
  • win7系统文件在哪
  • php 堆排序
  • 出差午餐补助公职出差
  • node.js最新版本
  • 增值税税率调整为13%的文件
  • 计提消费税的会计科目
  • yolo v5 可视网络结构
  • 一文看懂华为新品发布会
  • thinkphp6验证
  • 购买方纳税人信息与第三方信息不符
  • dpkg命令详解
  • 销项税大于进项税当月交税吗
  • 如何免费下载win10 家庭版
  • php网站根目录
  • 子公司能吸收合并吗
  • 旅行社差额征税税率5%
  • 小规模当月开普票作废流程
  • mysql三种安装方式
  • 怎样计算主营业务收入
  • 公司帐户可以转法人私人账户吗
  • 事业单位长期股权投资成本法和权益法
  • 关于餐饮行业
  • 设备升级是什么意思
  • 收到暂估跨年发票怎么办
  • 预付账款跨年处理分录
  • 零余额账户银行回单
  • 结转成本应附什么原始凭证
  • 印花税怎么新增税源
  • 基于存储过程的计算
  • sql里case
  • 取消默认
  • 如何提高windows7运行速度
  • WIN10系统中WPS字体颜色浅
  • winxp和win7双系统安装
  • 苹果电脑如何缩小屏幕显示
  • smss.exe是干嘛的
  • jquery开发项目
  • nodejs websocket客户端
  • fullpage.js教程
  • 重定向stdout
  • jquery 图片放大预览
  • python enumeration
  • 下载重庆税务官方app
  • 举报纳税电话
  • 73平方的房子有多大
  • 税务局监督执纪存在问题
  • 在税盘上怎么申请电子发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设