{"id":1580,"date":"2024-01-24T16:34:42","date_gmt":"2024-01-24T08:34:42","guid":{"rendered":"https:\/\/fireinsect.top\/?p=1580"},"modified":"2024-01-25T14:16:17","modified_gmt":"2024-01-25T06:16:17","slug":"vue-element-admin%e4%bd%bf%e7%94%a8","status":"publish","type":"post","link":"https:\/\/fireinsect.top\/index.php\/2024\/01\/24\/vue-element-admin%e4%bd%bf%e7%94%a8\/","title":{"rendered":"Vue-Element-Admin\u4f7f\u7528"},"content":{"rendered":"\n<p>\u672c\u7bc7\u4e3aVue-element-admin\u5f00\u6e90\u6846\u67b6\u7684\u4f7f\u7528\uff0c\u7528\u4e8e\u4f7f\u7528\u8be5\u6846\u67b6\u7684\u4e00\u4e9b\u65b9\u6cd5\u548c\u6ce8\u610f\u70b9<\/p>\n\n\n\n<!--more-->\n\n\n\n<!doctype html>\n<html>\n<head>\n<meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'>\n\n<link href='https:\/\/fonts.googleapis.com\/css?family=Open+Sans:400italic,700italic,700,400&#038;subset=latin,latin-ext' rel='stylesheet' type='text\/css' \/><style type='text\/css'>html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:\"Lucida Console\",Consolas,\"Courier\",monospace; --title-bar-height:20px; }\n.mac-os-11 { --title-bar-height:28px; }\nhtml { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; }\nh1, h2, h3, h4, h5 { white-space: pre-wrap; }\nbody { margin: 0px; padding: 0px; height: auto; inset: 0px; font-size: 1rem; line-height: 1.42857; overflow-x: hidden; background: inherit; tab-size: 4; }\niframe { margin: auto; }\na.url { word-break: break-all; }\na:active, a:hover { outline: 0px; }\n.in-text-selection, ::selection { text-shadow: none; background: var(--select-text-bg-color); color: var(--select-text-font-color); }\n#write { margin: 0px auto; height: auto; width: inherit; word-break: normal; overflow-wrap: break-word; position: relative; white-space: normal; overflow-x: visible; padding-top: 36px; }\n#write.first-line-indent p { text-indent: 2em; }\n#write.first-line-indent li p, #write.first-line-indent p * { text-indent: 0px; }\n#write.first-line-indent li { margin-left: 2em; }\n.for-image #write { padding-left: 8px; padding-right: 8px; }\nbody.typora-export { padding-left: 30px; padding-right: 30px; }\n.typora-export .footnote-line, .typora-export li, .typora-export p { white-space: pre-wrap; }\n.typora-export .task-list-item input { pointer-events: none; }\n@media screen and (max-width: 500px) {\n  body.typora-export { padding-left: 0px; padding-right: 0px; }\n  #write { padding-left: 20px; padding-right: 20px; }\n}\n#write li > figure:last-child { margin-bottom: 0.5rem; }\n#write ol, #write ul { position: relative; }\nimg { max-width: 100%; vertical-align: middle; image-orientation: from-image; }\nbutton, input, select, textarea { color: inherit; font: inherit; }\ninput[type=\"checkbox\"], input[type=\"radio\"] { line-height: normal; padding: 0px; }\n*, ::after, ::before { box-sizing: border-box; }\n#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p, #write pre { width: inherit; }\n#write h1, #write h2, #write h3, #write h4, #write h5, #write h6, #write p { position: relative; }\np { line-height: inherit; }\nh1, h2, h3, h4, h5, h6 { break-after: avoid-page; break-inside: avoid; orphans: 4; }\np { orphans: 4; }\nh1 { font-size: 2rem; }\nh2 { font-size: 1.8rem; }\nh3 { font-size: 1.6rem; }\nh4 { font-size: 1.4rem; }\nh5 { font-size: 1.2rem; }\nh6 { font-size: 1rem; }\n.md-math-block, .md-rawblock, h1, h2, h3, h4, h5, h6, p { margin-top: 1rem; margin-bottom: 1rem; }\n.hidden { display: none; }\n.md-blockmeta { color: rgb(204, 204, 204); font-weight: 700; font-style: italic; }\na { cursor: pointer; }\nsup.md-footnote { padding: 2px 4px; background-color: rgba(238, 238, 238, 0.7); color: rgb(85, 85, 85); border-radius: 4px; cursor: pointer; }\nsup.md-footnote a, sup.md-footnote a:hover { color: inherit; text-transform: inherit; text-decoration: inherit; }\n#write input[type=\"checkbox\"] { cursor: pointer; width: inherit; height: inherit; }\nfigure { overflow-x: auto; margin: 1.2em 0px; max-width: calc(100% + 16px); padding: 0px; }\nfigure > table { margin: 0px; }\nthead, tr { break-inside: avoid; break-after: auto; }\nthead { display: table-header-group; }\ntable { border-collapse: collapse; border-spacing: 0px; width: 100%; overflow: auto; break-inside: auto; text-align: left; }\ntable.md-table td { min-width: 32px; }\n.CodeMirror-gutters { border-right: 0px; background-color: inherit; }\n.CodeMirror-linenumber { user-select: none; }\n.CodeMirror { text-align: left; }\n.CodeMirror-placeholder { opacity: 0.3; }\n.CodeMirror pre { padding: 0px 4px; }\n.CodeMirror-lines { padding: 0px; }\ndiv.hr:focus { cursor: none; }\n#write pre { white-space: pre-wrap; }\n#write.fences-no-line-wrapping pre { white-space: pre; }\n#write pre.ty-contain-cm { white-space: normal; }\n.CodeMirror-gutters { margin-right: 4px; }\n.md-fences { font-size: 0.9rem; display: block; break-inside: avoid; text-align: left; overflow: visible; white-space: pre; background: inherit; position: relative !important; }\n.md-fences-adv-panel { width: 100%; margin-top: 10px; text-align: center; padding-top: 0px; padding-bottom: 8px; overflow-x: auto; }\n#write .md-fences.mock-cm { white-space: pre-wrap; }\n.md-fences.md-fences-with-lineno { padding-left: 0px; }\n#write.fences-no-line-wrapping .md-fences.mock-cm { white-space: pre; overflow-x: auto; }\n.md-fences.mock-cm.md-fences-with-lineno { padding-left: 8px; }\n.CodeMirror-line, twitterwidget { break-inside: avoid; }\nsvg { break-inside: avoid; }\n.footnotes { opacity: 0.8; font-size: 0.9rem; margin-top: 1em; margin-bottom: 1em; }\n.footnotes + .footnotes { margin-top: 0px; }\n.md-reset { margin: 0px; padding: 0px; border: 0px; outline: 0px; vertical-align: top; background: 0px 0px; text-decoration: none; text-shadow: none; float: none; position: static; width: auto; height: auto; white-space: nowrap; cursor: inherit; -webkit-tap-highlight-color: transparent; line-height: normal; font-weight: 400; text-align: left; box-sizing: content-box; direction: ltr; }\nli div { padding-top: 0px; }\nblockquote { margin: 1rem 0px; }\nli .mathjax-block, li p { margin: 0.5rem 0px; }\nli blockquote { margin: 1rem 0px; }\nli { margin: 0px; position: relative; }\nblockquote > :last-child { margin-bottom: 0px; }\nblockquote > :first-child, li > :first-child { margin-top: 0px; }\n.footnotes-area { color: rgb(136, 136, 136); margin-top: 0.714rem; padding-bottom: 0.143rem; white-space: normal; }\n#write .footnote-line { white-space: pre-wrap; }\n@media print {\n  body, html { border: 1px solid transparent; height: 99%; break-after: avoid; break-before: avoid; font-variant-ligatures: no-common-ligatures; }\n  #write { margin-top: 0px; border-color: transparent !important; padding-top: 0px !important; padding-bottom: 0px !important; }\n  .typora-export * { -webkit-print-color-adjust: exact; }\n  .typora-export #write { break-after: avoid; }\n  .typora-export #write::after { height: 0px; }\n  .is-mac table { break-inside: avoid; }\n  #write > p:nth-child(1) { margin-top: 0px; }\n  .typora-export-show-outline .typora-export-sidebar { display: none; }\n  figure { overflow-x: visible; }\n}\n.footnote-line { margin-top: 0.714em; font-size: 0.7em; }\na img, img a { cursor: pointer; }\npre.md-meta-block { font-size: 0.8rem; min-height: 0.8rem; white-space: pre-wrap; background: rgb(204, 204, 204); display: block; overflow-x: hidden; }\np > .md-image:only-child:not(.md-img-error) img, p > img:only-child { display: block; margin: auto; }\n#write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { left: -2em; position: relative; }\np > .md-image:only-child { display: inline-block; width: 100%; }\n#write .MathJax_Display { margin: 0.8em 0px 0px; }\n.md-math-block { width: 100%; }\n.md-math-block:not(:empty)::after { display: none; }\n.MathJax_ref { fill: currentcolor; }\n[contenteditable=\"true\"]:active, [contenteditable=\"true\"]:focus, [contenteditable=\"false\"]:active, [contenteditable=\"false\"]:focus { outline: 0px; box-shadow: none; }\n.md-task-list-item { position: relative; list-style-type: none; }\n.task-list-item.md-task-list-item { padding-left: 0px; }\n.md-task-list-item > input { position: absolute; top: 0px; left: 0px; margin-left: -1.2em; margin-top: calc(1em - 10px); border: none; }\n.math { font-size: 1rem; }\n.md-toc { min-height: 3.58rem; position: relative; font-size: 0.9rem; border-radius: 10px; }\n.md-toc-content { position: relative; margin-left: 0px; }\n.md-toc-content::after, .md-toc::after { display: none; }\n.md-toc-item { display: block; color: rgb(65, 131, 196); }\n.md-toc-item a { text-decoration: none; }\n.md-toc-inner:hover { text-decoration: underline; }\n.md-toc-inner { display: inline-block; cursor: pointer; }\n.md-toc-h1 .md-toc-inner { margin-left: 0px; font-weight: 700; }\n.md-toc-h2 .md-toc-inner { margin-left: 2em; }\n.md-toc-h3 .md-toc-inner { margin-left: 4em; }\n.md-toc-h4 .md-toc-inner { margin-left: 6em; }\n.md-toc-h5 .md-toc-inner { margin-left: 8em; }\n.md-toc-h6 .md-toc-inner { margin-left: 10em; }\n@media screen and (max-width: 48em) {\n  .md-toc-h3 .md-toc-inner { margin-left: 3.5em; }\n  .md-toc-h4 .md-toc-inner { margin-left: 5em; }\n  .md-toc-h5 .md-toc-inner { margin-left: 6.5em; }\n  .md-toc-h6 .md-toc-inner { margin-left: 8em; }\n}\na.md-toc-inner { font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; }\n.footnote-line a:not(.reversefootnote) { color: inherit; }\n.reversefootnote { font-family: ui-monospace, sans-serif; }\n.md-attr { display: none; }\n.md-fn-count::after { content: \".\"; }\ncode, pre, samp, tt { font-family: var(--monospace); }\nkbd { margin: 0px 0.1em; padding: 0.1em 0.6em; font-size: 0.8em; color: rgb(36, 39, 41); background: rgb(255, 255, 255); border: 1px solid rgb(173, 179, 185); border-radius: 3px; box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, rgb(255, 255, 255) 0px 0px 0px 2px inset; white-space: nowrap; vertical-align: middle; }\n.md-comment { color: rgb(162, 127, 3); opacity: 0.6; font-family: var(--monospace); }\ncode { text-align: left; vertical-align: initial; }\na.md-print-anchor { white-space: pre !important; border-width: initial !important; border-style: none !important; border-color: initial !important; display: inline-block !important; position: absolute !important; width: 1px !important; right: 0px !important; outline: 0px !important; background: 0px 0px !important; text-decoration: initial !important; text-shadow: initial !important; }\n.os-windows.monocolor-emoji .md-emoji { font-family: \"Segoe UI Symbol\", sans-serif; }\n.md-diagram-panel > svg { max-width: 100%; }\n[lang=\"flow\"] svg, [lang=\"mermaid\"] svg { max-width: 100%; height: auto; }\n[lang=\"mermaid\"] .node text { font-size: 1rem; }\ntable tr th { border-bottom: 0px; }\nvideo { max-width: 100%; display: block; margin: 0px auto; }\niframe { max-width: 100%; width: 100%; border: none; }\n.highlight td, .highlight tr { border: 0px; }\nmark { background: rgb(255, 255, 0); color: rgb(0, 0, 0); }\n.md-html-inline .md-plain, .md-html-inline strong, mark .md-inline-math, mark strong { color: inherit; }\n.md-expand mark .md-meta { opacity: 0.3 !important; }\nmark .md-meta { color: rgb(0, 0, 0); }\n@media print {\n  .typora-export h1, .typora-export h2, .typora-export h3, .typora-export h4, .typora-export h5, .typora-export h6 { break-inside: avoid; }\n}\n.md-diagram-panel .messageText { stroke: none !important; }\n.md-diagram-panel .start-state { fill: var(--node-fill); }\n.md-diagram-panel .edgeLabel rect { opacity: 1 !important; }\n.md-fences.md-fences-math { font-size: 1em; }\n.md-fences-advanced:not(.md-focus) { padding: 0px; white-space: nowrap; border: 0px; }\n.md-fences-advanced:not(.md-focus) { background: inherit; }\n.typora-export-show-outline .typora-export-content { max-width: 1440px; margin: auto; display: flex; flex-direction: row; }\n.typora-export-sidebar { width: 300px; font-size: 0.8rem; margin-top: 80px; margin-right: 18px; }\n.typora-export-show-outline #write { --webkit-flex:2; flex: 2 1 0%; }\n.typora-export-sidebar .outline-content { position: fixed; top: 0px; max-height: 100%; overflow: hidden auto; padding-bottom: 30px; padding-top: 60px; width: 300px; }\n@media screen and (max-width: 1024px) {\n  .typora-export-sidebar, .typora-export-sidebar .outline-content { width: 240px; }\n}\n@media screen and (max-width: 800px) {\n  .typora-export-sidebar { display: none; }\n}\n.outline-content li, .outline-content ul { margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px; list-style: none; overflow-wrap: anywhere; }\n.outline-content ul { margin-top: 0px; margin-bottom: 0px; }\n.outline-content strong { font-weight: 400; }\n.outline-expander { width: 1rem; height: 1.42857rem; position: relative; display: table-cell; vertical-align: middle; cursor: pointer; padding-left: 4px; }\n.outline-expander::before { content: \"\uf125\"; position: relative; font-family: Ionicons; display: inline-block; font-size: 8px; vertical-align: middle; }\n.outline-item { padding-top: 3px; padding-bottom: 3px; cursor: pointer; }\n.outline-expander:hover::before { content: \"\uf123\"; }\n.outline-h1 > .outline-item { padding-left: 0px; }\n.outline-h2 > .outline-item { padding-left: 1em; }\n.outline-h3 > .outline-item { padding-left: 2em; }\n.outline-h4 > .outline-item { padding-left: 3em; }\n.outline-h5 > .outline-item { padding-left: 4em; }\n.outline-h6 > .outline-item { padding-left: 5em; }\n.outline-label { cursor: pointer; display: table-cell; vertical-align: middle; text-decoration: none; color: inherit; }\n.outline-label:hover { text-decoration: underline; }\n.outline-item:hover { border-color: rgb(245, 245, 245); background-color: var(--item-hover-bg-color); }\n.outline-item:hover { margin-left: -28px; margin-right: -28px; border-left: 28px solid transparent; border-right: 28px solid transparent; }\n.outline-item-single .outline-expander::before, .outline-item-single .outline-expander:hover::before { display: none; }\n.outline-item-open > .outline-item > .outline-expander::before { content: \"\uf123\"; }\n.outline-children { display: none; }\n.info-panel-tab-wrapper { display: none; }\n.outline-item-open > .outline-children { display: block; }\n.typora-export .outline-item { padding-top: 1px; padding-bottom: 1px; }\n.typora-export .outline-item:hover { margin-right: -8px; border-right: 8px solid transparent; }\n.typora-export .outline-expander::before { content: \"+\"; font-family: inherit; top: -1px; }\n.typora-export .outline-expander:hover::before, .typora-export .outline-item-open > .outline-item > .outline-expander::before { content: \"\u2212\"; }\n.typora-export-collapse-outline .outline-children { display: none; }\n.typora-export-collapse-outline .outline-item-open > .outline-children, .typora-export-no-collapse-outline .outline-children { display: block; }\n.typora-export-no-collapse-outline .outline-expander::before { content: \"\" !important; }\n.typora-export-show-outline .outline-item-active > .outline-item .outline-label { font-weight: 700; }\n.md-inline-math-container mjx-container { zoom: 0.95; }\nmjx-container { break-inside: avoid; }\n\n\n.CodeMirror { height: auto; }\n.CodeMirror.cm-s-inner { background: inherit; }\n.CodeMirror-scroll { overflow: auto hidden; z-index: 3; }\n.CodeMirror-gutter-filler, .CodeMirror-scrollbar-filler { background-color: rgb(255, 255, 255); }\n.CodeMirror-gutters { border-right: 1px solid rgb(221, 221, 221); background: inherit; white-space: nowrap; }\n.CodeMirror-linenumber { padding: 0px 3px 0px 5px; text-align: right; color: rgb(153, 153, 153); }\n.cm-s-inner .cm-keyword { color: rgb(119, 0, 136); }\n.cm-s-inner .cm-atom, .cm-s-inner.cm-atom { color: rgb(34, 17, 153); }\n.cm-s-inner .cm-number { color: rgb(17, 102, 68); }\n.cm-s-inner .cm-def { color: rgb(0, 0, 255); }\n.cm-s-inner .cm-variable { color: rgb(0, 0, 0); }\n.cm-s-inner .cm-variable-2 { color: rgb(0, 85, 170); }\n.cm-s-inner .cm-variable-3 { color: rgb(0, 136, 85); }\n.cm-s-inner .cm-string { color: rgb(170, 17, 17); }\n.cm-s-inner .cm-property { color: rgb(0, 0, 0); }\n.cm-s-inner .cm-operator { color: rgb(152, 26, 26); }\n.cm-s-inner .cm-comment, .cm-s-inner.cm-comment { color: rgb(170, 85, 0); }\n.cm-s-inner .cm-string-2 { color: rgb(255, 85, 0); }\n.cm-s-inner .cm-meta { color: rgb(85, 85, 85); }\n.cm-s-inner .cm-qualifier { color: rgb(85, 85, 85); }\n.cm-s-inner .cm-builtin { color: rgb(51, 0, 170); }\n.cm-s-inner .cm-bracket { color: rgb(153, 153, 119); }\n.cm-s-inner .cm-tag { color: rgb(17, 119, 0); }\n.cm-s-inner .cm-attribute { color: rgb(0, 0, 204); }\n.cm-s-inner .cm-header, .cm-s-inner.cm-header { color: rgb(0, 0, 255); }\n.cm-s-inner .cm-quote, .cm-s-inner.cm-quote { color: rgb(0, 153, 0); }\n.cm-s-inner .cm-hr, .cm-s-inner.cm-hr { color: rgb(153, 153, 153); }\n.cm-s-inner .cm-link, .cm-s-inner.cm-link { color: rgb(0, 0, 204); }\n.cm-negative { color: rgb(221, 68, 68); }\n.cm-positive { color: rgb(34, 153, 34); }\n.cm-header, .cm-strong { font-weight: 700; }\n.cm-del { text-decoration: line-through; }\n.cm-em { font-style: italic; }\n.cm-link { text-decoration: underline; }\n.cm-error { color: red; }\n.cm-invalidchar { color: red; }\n.cm-constant { color: rgb(38, 139, 210); }\n.cm-defined { color: rgb(181, 137, 0); }\ndiv.CodeMirror span.CodeMirror-matchingbracket { color: rgb(0, 255, 0); }\ndiv.CodeMirror span.CodeMirror-nonmatchingbracket { color: rgb(255, 34, 34); }\n.cm-s-inner .CodeMirror-activeline-background { background: inherit; }\n.CodeMirror { position: relative; overflow: hidden; }\n.CodeMirror-scroll { height: 100%; outline: 0px; position: relative; box-sizing: content-box; background: inherit; }\n.CodeMirror-sizer { position: relative; }\n.CodeMirror-gutter-filler, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-vscrollbar { position: absolute; z-index: 6; display: none; outline: 0px; }\n.CodeMirror-vscrollbar { right: 0px; top: 0px; overflow: hidden; }\n.CodeMirror-hscrollbar { bottom: 0px; left: 0px; overflow: auto hidden; }\n.CodeMirror-scrollbar-filler { right: 0px; bottom: 0px; }\n.CodeMirror-gutter-filler { left: 0px; bottom: 0px; }\n.CodeMirror-gutters { position: absolute; left: 0px; top: 0px; padding-bottom: 10px; z-index: 3; overflow-y: hidden; }\n.CodeMirror-gutter { white-space: normal; height: 100%; box-sizing: content-box; padding-bottom: 30px; margin-bottom: -32px; display: inline-block; }\n.CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: 0px 0px !important; border: none !important; }\n.CodeMirror-gutter-background { position: absolute; top: 0px; bottom: 0px; z-index: 4; }\n.CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; }\n.CodeMirror-lines { cursor: text; }\n.CodeMirror pre { border-radius: 0px; border-width: 0px; background: 0px 0px; font-family: inherit; font-size: inherit; margin: 0px; white-space: pre; overflow-wrap: normal; color: inherit; z-index: 2; position: relative; overflow: visible; }\n.CodeMirror-wrap pre { overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; }\n.CodeMirror-code pre { border-right: 30px solid transparent; width: fit-content; }\n.CodeMirror-wrap .CodeMirror-code pre { border-right: none; width: auto; }\n.CodeMirror-linebackground { position: absolute; inset: 0px; z-index: 0; }\n.CodeMirror-linewidget { position: relative; z-index: 2; overflow: auto; }\n.CodeMirror-wrap .CodeMirror-scroll { overflow-x: hidden; }\n.CodeMirror-measure { position: absolute; width: 100%; height: 0px; overflow: hidden; visibility: hidden; }\n.CodeMirror-measure pre { position: static; }\n.CodeMirror div.CodeMirror-cursor { position: absolute; visibility: hidden; border-right: none; width: 0px; }\n.CodeMirror div.CodeMirror-cursor { visibility: hidden; }\n.CodeMirror-focused div.CodeMirror-cursor { visibility: inherit; }\n.cm-searching { background: rgba(255, 255, 0, 0.4); }\nspan.cm-underlined { text-decoration: underline; }\nspan.cm-strikethrough { text-decoration: line-through; }\n.cm-tw-syntaxerror { color: rgb(255, 255, 255); background-color: rgb(153, 0, 0); }\n.cm-tw-deleted { text-decoration: line-through; }\n.cm-tw-header5 { font-weight: 700; }\n.cm-tw-listitem:first-child { padding-left: 10px; }\n.cm-tw-box { border-style: solid; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: inherit; border-top-width: 0px !important; }\n.cm-tw-underline { text-decoration: underline; }\n@media print {\n  .CodeMirror div.CodeMirror-cursor { visibility: hidden; }\n}\n\n\n:root {\n    --side-bar-bg-color: #fafafa;\n    --control-text-color: #777;\n}\n\n@include-when-export url(https:\/\/fonts.googleapis.com\/css?family=Open+Sans:400italic,700italic,700,400&subset=latin,latin-ext);\n\n\/* open-sans-regular - latin-ext_latin *\/\n  \/* open-sans-italic - latin-ext_latin *\/\n    \/* open-sans-700 - latin-ext_latin *\/\n    \/* open-sans-700italic - latin-ext_latin *\/\n  html {\n    font-size: 16px;\n    -webkit-font-smoothing: antialiased;\n}\n\nbody {\n    font-family: \"Open Sans\",\"Clear Sans\", \"Helvetica Neue\", Helvetica, Arial, 'Segoe UI Emoji', sans-serif;\n    color: rgb(51, 51, 51);\n    line-height: 1.6;\n}\n\n#write {\n    max-width: 860px;\n  \tmargin: 0 auto;\n  \tpadding: 30px;\n    padding-bottom: 100px;\n}\n\n@media only screen and (min-width: 1400px) {\n\t#write {\n\t\tmax-width: 1024px;\n\t}\n}\n\n@media only screen and (min-width: 1800px) {\n\t#write {\n\t\tmax-width: 1200px;\n\t}\n}\n\n#write > ul:first-child,\n#write > ol:first-child{\n    margin-top: 30px;\n}\n\na {\n    color: #4183C4;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n    position: relative;\n    margin-top: 1rem;\n    margin-bottom: 1rem;\n    font-weight: bold;\n    line-height: 1.4;\n    cursor: text;\n}\nh1:hover a.anchor,\nh2:hover a.anchor,\nh3:hover a.anchor,\nh4:hover a.anchor,\nh5:hover a.anchor,\nh6:hover a.anchor {\n    text-decoration: none;\n}\nh1 tt,\nh1 code {\n    font-size: inherit;\n}\nh2 tt,\nh2 code {\n    font-size: inherit;\n}\nh3 tt,\nh3 code {\n    font-size: inherit;\n}\nh4 tt,\nh4 code {\n    font-size: inherit;\n}\nh5 tt,\nh5 code {\n    font-size: inherit;\n}\nh6 tt,\nh6 code {\n    font-size: inherit;\n}\nh1 {\n    font-size: 2.25em;\n    line-height: 1.2;\n    border-bottom: 1px solid #eee;\n}\nh2 {\n    font-size: 1.75em;\n    line-height: 1.225;\n    border-bottom: 1px solid #eee;\n}\n\n\/*@media print {\n    .typora-export h1,\n    .typora-export h2 {\n        border-bottom: none;\n        padding-bottom: initial;\n    }\n\n    .typora-export h1::after,\n    .typora-export h2::after {\n        content: \"\";\n        display: block;\n        height: 100px;\n        margin-top: -96px;\n        border-top: 1px solid #eee;\n    }\n}*\/\n\nh3 {\n    font-size: 1.5em;\n    line-height: 1.43;\n}\nh4 {\n    font-size: 1.25em;\n}\nh5 {\n    font-size: 1em;\n}\nh6 {\n   font-size: 1em;\n    color: #777;\n}\np,\nblockquote,\nul,\nol,\ndl,\ntable{\n    margin: 0.8em 0;\n}\nli>ol,\nli>ul {\n    margin: 0 0;\n}\nhr {\n    height: 2px;\n    padding: 0;\n    margin: 16px 0;\n    background-color: #e7e7e7;\n    border: 0 none;\n    overflow: hidden;\n    box-sizing: content-box;\n}\n\nli p.first {\n    display: inline-block;\n}\nul,\nol {\n    padding-left: 30px;\n}\nul:first-child,\nol:first-child {\n    margin-top: 0;\n}\nul:last-child,\nol:last-child {\n    margin-bottom: 0;\n}\nblockquote {\n    border-left: 4px solid #dfe2e5;\n    padding: 0 15px;\n    color: #777777;\n}\nblockquote blockquote {\n    padding-right: 0;\n}\ntable {\n    padding: 0;\n    word-break: initial;\n}\ntable tr {\n    border: 1px solid #dfe2e5;\n    margin: 0;\n    padding: 0;\n}\ntable tr:nth-child(2n),\nthead {\n    background-color: #f8f8f8;\n}\ntable th {\n    font-weight: bold;\n    border: 1px solid #dfe2e5;\n    border-bottom: 0;\n    margin: 0;\n    padding: 6px 13px;\n}\ntable td {\n    border: 1px solid #dfe2e5;\n    margin: 0;\n    padding: 6px 13px;\n}\ntable th:first-child,\ntable td:first-child {\n    margin-top: 0;\n}\ntable th:last-child,\ntable td:last-child {\n    margin-bottom: 0;\n}\n\n.CodeMirror-lines {\n    padding-left: 4px;\n}\n\n.code-tooltip {\n    box-shadow: 0 1px 1px 0 rgba(0,28,36,.3);\n    border-top: 1px solid #eef2f2;\n}\n\n.md-fences,\ncode,\ntt {\n    border: 1px solid #e7eaed;\n    background-color: #f8f8f8;\n    border-radius: 3px;\n    padding: 0;\n    padding: 2px 4px 0px 4px;\n    font-size: 0.9em;\n}\n\ncode {\n    background-color: #f3f4f4;\n    padding: 0 2px 0 2px;\n}\n\n.md-fences {\n    margin-bottom: 15px;\n    margin-top: 15px;\n    padding-top: 8px;\n    padding-bottom: 6px;\n}\n\n\n.md-task-list-item > input {\n  margin-left: -1.3em;\n}\n\n@media print {\n    html {\n        font-size: 13px;\n    }\n    pre {\n        page-break-inside: avoid;\n        word-wrap: break-word;\n    }\n}\n\n.md-fences {\n\tbackground-color: #a3d5fe;\n}\n#write pre.md-meta-block {\n\tpadding: 1rem;\n    font-size: 85%;\n    line-height: 1.45;\n    background-color: #f7f7f7;\n    border: 0;\n    border-radius: 3px;\n    color: #777777;\n    margin-top: 0 !important;\n}\n\n.mathjax-block>.code-tooltip {\n\tbottom: .375rem;\n}\n\n.md-mathjax-midline {\n    background: #fafafa;\n}\n\n#write>h3.md-focus:before{\n\tleft: -1.5625rem;\n\ttop: .375rem;\n}\n#write>h4.md-focus:before{\n\tleft: -1.5625rem;\n\ttop: .285714286rem;\n}\n#write>h5.md-focus:before{\n\tleft: -1.5625rem;\n\ttop: .285714286rem;\n}\n#write>h6.md-focus:before{\n\tleft: -1.5625rem;\n\ttop: .285714286rem;\n}\n.md-image>.md-meta {\n    \/*border: 1px solid #ddd;*\/\n    border-radius: 3px;\n    padding: 2px 0px 0px 4px;\n    font-size: 0.9em;\n    color: inherit;\n}\n\n.md-tag {\n    color: #a7a7a7;\n    opacity: 1;\n}\n\n.md-toc { \n    margin-top:20px;\n    padding-bottom:20px;\n}\n\n.sidebar-tabs {\n    border-bottom: none;\n}\n\n#typora-quick-open {\n    border: 1px solid #ddd;\n    background-color: #f8f8f8;\n}\n\n#typora-quick-open-item {\n    background-color: #FAFAFA;\n    border-color: #FEFEFE #e5e5e5 #e5e5e5 #eee;\n    border-style: solid;\n    border-width: 1px;\n}\n\n\/** focus mode *\/\n.on-focus-mode blockquote {\n    border-left-color: rgba(85, 85, 85, 0.12);\n}\n\nheader, .context-menu, .megamenu-content, footer{\n    font-family: \"Segoe UI\", \"Arial\", sans-serif;\n}\n\n.file-node-content:hover .file-node-icon,\n.file-node-content:hover .file-node-open-state{\n    visibility: visible;\n}\n\n.mac-seamless-mode #typora-sidebar {\n    background-color: #fafafa;\n    background-color: var(--side-bar-bg-color);\n}\n\n.md-lang {\n    color: #b4654d;\n}\n\n\/*.html-for-mac {\n    --item-hover-bg-color: #E6F0FE;\n}*\/\n\n#md-notification .btn {\n    border: 0;\n}\n\n.dropdown-menu .divider {\n    border-color: #e5e5e5;\n    opacity: 0.4;\n}\n\n.ty-preferences .window-content {\n    background-color: #fafafa;\n}\n\n.ty-preferences .nav-group-item.active {\n    color: white;\n    background: #999;\n}\n\n.menu-item-container a.menu-style-btn {\n    background-color: #f5f8fa;\n    background-image: linear-gradient( 180deg , hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0)); \n}\n\n\n\n<\/style><title>Vue-admin\u6df1\u5165\u7406\u89e3\u62a5\u544a<\/title>\n<\/head>\n<body class='typora-export os-windows'><div class='typora-export-content'>\n<div id='write'  class=''><h1 id='vue-admin\u6df1\u5165\u7406\u89e3\u62a5\u544a'><span>Vue-admin\u6df1\u5165\u7406\u89e3\u62a5\u544a<\/span><\/h1><h2 id='\u5e03\u5c40\u89e3\u6790'><span>\u5e03\u5c40\u89e3\u6790<\/span><\/h2><p><span>vue-admin\u5e03\u5c40\u4e3b\u8981\u4f9d\u8d56\u4e09\u5927\u5757\uff0cLayout\u3001app-main\u3001router-view<\/span><\/p><h4 id='layout'><span>Layout<\/span><\/h4><p><img decoding=\"async\" src=\"https:\/\/i2.wp.com\/fireinsect.top\/wp-content\/uploads\/2024\/01\/image-20240124161539458.png?w=1170&#038;ssl=1\" referrerpolicy=\"no-referrer\" alt=\"image-20240124161539458\" data-recalc-dims=\"1\"><\/p><p><code>vue-element-admin<\/code><span> \u4e2d\u5927\u90e8\u5206\u9875\u9762\u90fd\u662f\u57fa\u4e8e\u8fd9\u4e2a <\/span><code>layout<\/code><span> \u7684\uff0c\u9664\u4e86\u4e2a\u522b\u9875\u9762\u5982\uff1a<\/span><code>login<\/code><span> , <\/span><code>404<\/code><span>, <\/span><code>401<\/code><span> \u7b49\u9875\u9762\u6ca1\u6709\u4f7f\u7528\u8be5<\/span><code>layout<\/code><span>\u3002\u5982\u679c\u4f60\u60f3\u5728\u4e00\u4e2a\u9879\u76ee\u4e2d\u6709\u591a\u79cd\u4e0d\u540c\u7684<\/span><code>layout<\/code><span>\u4e5f\u662f\u5f88\u65b9\u4fbf\u7684\uff0c\u53ea\u8981\u5728\u4e00\u7ea7\u8def\u7531\u90a3\u91cc\u9009\u62e9\u4e0d\u540c\u7684<\/span><code>layout<\/code><span>\u7ec4\u4ef6\u5c31\u884c\u3002<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"js\" style=\"break-inside: unset;\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"js\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><span><span>\u200b<\/span>x<\/span><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/ No layout<\/span><\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">{<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">path<\/span>: <span class=\"cm-string\">'\/401'<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">component<\/span>: () <span class=\"cm-operator\">=&gt;<\/span> <span class=\"cm-keyword\">import<\/span>(<span class=\"cm-string\">'errorPage\/401'<\/span>)<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">}<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/ Has layout<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">{<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">path<\/span>: <span class=\"cm-string\">'\/documentation'<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-comment\">\/\/ \u4f60\u53ef\u4ee5\u9009\u62e9\u4e0d\u540c\u7684layout\u7ec4\u4ef6<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">component<\/span>: <span class=\"cm-variable\">Layout<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-comment\">\/\/ \u8fd9\u91cc\u5f00\u59cb\u5bf9\u5e94\u7684\u8def\u7531\u90fd\u4f1a\u663e\u793a\u5728app-main\u4e2d \u5982\u4e0a\u56fe\u6240\u793a<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">children<\/span>: [{<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-property\">path<\/span>: <span class=\"cm-string\">'index'<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-property\">component<\/span>: () <span class=\"cm-operator\">=&gt;<\/span> <span class=\"cm-keyword\">import<\/span>(<span class=\"cm-string\">'documentation\/index'<\/span>),<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-property\">name<\/span>: <span class=\"cm-string\">'documentation'<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">  }]<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">}<\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 461px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 461px;\"><\/div><\/div><\/div><\/pre><h4 id='app-main'><span>app-main<\/span><\/h4><p><span>\u4f4d\u7f6e\u4e8e<\/span><code>\/layout\/components\/AppMain<\/code><\/p><p><span>\u8fd9\u91cc\u5728 <\/span><code>app-main<\/code><span> \u5916\u90e8\u5305\u4e86\u4e00\u5c42 <\/span><code>keep-alive<\/code><span> \u4e3b\u8981\u662f\u4e3a\u4e86\u7f13\u5b58 <\/span><code>&lt;router-view&gt;<\/code><span> \u7684\uff0c\u914d\u5408\u9875\u9762\u7684 <\/span><code>tabs-view<\/code><span> \u6807\u7b7e\u5bfc\u822a\u4f7f\u7528<\/span><\/p><p><span>\u5176\u4e2d<\/span><code>transition<\/code><span> \u5b9a\u4e49\u4e86\u9875\u9762\u4e4b\u95f4\u5207\u6362\u52a8\u753b\uff0c\u53ef\u4ee5\u6839\u636e\u81ea\u5df1\u7684\u9700\u6c42\uff0c\u81ea\u884c\u4fee\u6539\u8f6c\u573a\u52a8\u753b\u3002\u76f8\u5173<\/span><a href='https:\/\/cn.vuejs.org\/v2\/guide\/transitions.html'><span>\u6587\u6863<\/span><\/a><span>\u3002\u9ed8\u8ba4\u63d0\u4f9b\u4e86<\/span><code>fade<\/code><span>\u548c<\/span><code>fade-transform<\/code><span>\u4e24\u4e2a\u8f6c\u573a\u52a8\u753b\uff0c\u5177\u4f53 css \u5b9e\u73b0\u89c1<\/span><code>transition.scss<\/code><span>\u3002\u5982\u679c\u9700\u8981\u8c03\u6574\u53ef\u5728<\/span><code>AppMain.vue<\/code><span>\u4e2d\u8c03\u6574<\/span><code>transition<\/code><span> \u7684 <\/span><code>name<\/code><span>\u3002<\/span><\/p><h4 id='router-view'><span>router-view<\/span><\/h4><p><span>\u4e0d\u540c\u7684\u8def\u7531\u4f7f\u7528\u7edf\u4e00\u4e2acomponent\u5728\u4e1a\u52a1\u4e2d\u5341\u5206\u5e38\u89c1\uff0c\u9ed8\u8ba4\u60c5\u51b5\u4e0b\uff0c\u6211\u4eec\u5207\u6362\u4e24\u4e2a\u9875\u9762\u5e76\u4e0d\u80fd\u89e6\u53d1\u9875\u9762\u5185\u76f8\u540c\u7ec4\u4ef6\u7684created \u6216\u8005 mounted \u94a9\u5b50\uff0c\u4f46\u6211\u4eec\u53ef\u4ee5\u5728<\/span><code>router-view<\/code><span> \u4e0a\u52a0\u4e0a\u4e00\u4e2a\u552f\u4e00\u7684 key\uff0c\u6765\u4fdd\u8bc1\u8def\u7531\u5207\u6362\u65f6\u90fd\u4f1a\u91cd\u65b0\u6e32\u67d3\u89e6\u53d1\u94a9\u5b50\u4e86\u3002<\/span><\/p><h2 id='\u9875\u9762\u521b\u5efa\u548c\u8def\u7531\u548c\u5404\u9879\u53c2\u6570\u7406\u89e3'><span>\u9875\u9762\u521b\u5efa\u548c\u8def\u7531\u548c\u5404\u9879\u53c2\u6570\u7406\u89e3<\/span><\/h2><ul><li><p><span>\u65b0\u589e\u9875\u9762\u65b9\u5f0f\u4e3a\u5728<\/span><code>@\/router\/index.js<\/code><span>\u4e0b\u6dfb\u52a0\u65b0\u7684\u8def\u7531\uff1a<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"js\" style=\"break-inside: unset;\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"js\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">{<\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">    <\/span><span class=\"cm-variable\">path<\/span>: <span class=\"cm-string\">'\/excel'<\/span>,<span class=\"cm-comment\">\/\/ \u8def\u5f84\uff0c\u8fd9\u91cc\u4e3a\u4e00\u7ea7\u8def\u7531<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">  <span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">  <\/span><span class=\"cm-variable\">component<\/span>: <span class=\"cm-variable\">Layout<\/span>, <span class=\"cm-comment\">\/\/ \u5f15\u5165\u7684\u5177\u4f53view\uff0c\u56e0\u4e3a\u662f\u4e00\u7ea7\u8def\u7531\uff0c\u56e0\u6b64\u4e3a\u7edf\u4e00\u7684Layout<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">  <span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">  <\/span><span class=\"cm-variable\">redirect<\/span>: <span class=\"cm-string\">'\/excel\/export-excel'<\/span>,<span class=\"cm-comment\">\/\/ \u8def\u7531\u91cd\u5b9a\u5411\uff0c\u5373\u8f93\u5165\u4e00\u7ea7\u8def\u7531\u540e\u8fd9\u91cc\u4e3a\"excel\"\u540e\u91cd\u5b9a\u5411\u5730\u5740,\u4e5f\u6d89\u53ca\u5230\u9762\u5305\u5c51\u6700\u4e0a\u7ea7\u8df3\u8f6c\uff0c\u5176\u4f59\u53c2\u6570\u53c2\u8003\u4e0b\u6587<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">  <span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">  <\/span><span class=\"cm-variable\">name<\/span>: <span class=\"cm-string\">'excel'<\/span>,<span class=\"cm-comment\">\/\/ \u540d\u79f0\u76ee\u524d\u770b\u6765\u65e0\u5f71\u54cd<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">  <span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">  <\/span><span class=\"cm-comment\">\/\/ meta\u4e3b\u8981\u5f71\u54cd\u5bfc\u822a\u680f\u5185\u540d\u79f0\u548c\u56fe\u6807\uff0c\u4ee5\u53ca\u9762\u5305\u5c51\u540d\u79f0<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">    <\/span><span class=\"cm-variable\">meta<\/span>: {<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;  <span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">    <\/span><span class=\"cm-variable\">title<\/span>: <span class=\"cm-string\">'excel'<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;  <span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">    <\/span><span class=\"cm-variable\">icon<\/span>: <span class=\"cm-string\">'excel'<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">  <span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">  <\/span>}<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">    <\/span><span class=\"cm-comment\">\/\/ \u8fd9\u91cc\u5c31\u662f\u5b9e\u9645\u7684\u9875\u9762\u8def\u7531\u4e86\uff0c\u4f1a\u663e\u793a\u5728\u5de6\u4fa7\u5bfc\u822a\u680f\uff0c\u5185\u90e8\u548c\u4e00\u7ea7\u8def\u7531\u7c7b\u4f3c\uff0c\u6dfb\u52a0\u4e09\u7ea7\u8def\u7531\u9700\u8981\u989d\u5916\u8bbe\u7f6e\uff0c\u5177\u4f53\u770b\u4e0b\u6587<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tab\" role=\"presentation\" cm-text=\"\t\">    <\/span><span class=\"cm-variable\">children<\/span>: [<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp; &nbsp;  {<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class=\"cm-property\">path<\/span>: <span class=\"cm-string\">'export-excel'<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class=\"cm-property\">component<\/span>: ()<span class=\"cm-operator\">=&gt;<\/span><span class=\"cm-keyword\">import<\/span>(<span class=\"cm-string\">'excel\/exportExcel'<\/span>),<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class=\"cm-property\">name<\/span>: <span class=\"cm-string\">'exportExcel'<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<span class=\"cm-property\">meta<\/span>: { <span class=\"cm-property\">title<\/span>: <span class=\"cm-string\">'exportExcel'<\/span> }<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp; &nbsp;  }<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp; ]<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">}<\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 461px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 461px;\"><\/div><\/div><\/div><\/pre><blockquote><p><span>\u5176\u4e2d\u9700\u8981\u6ce8\u610f,\u5982\u679cchildren\u4e0b\u7684\u8def\u7531\u6570\u4e3a1\u5219\u4e0d\u4f1a\u663e\u793a\u4e0b\u62c9\u6846<\/span><img decoding=\"async\" src=\"https:\/\/i1.wp.com\/fireinsect.top\/wp-content\/uploads\/2024\/01\/image-20240124144149922.png?w=1170&#038;ssl=1\" referrerpolicy=\"no-referrer\" alt=\"image-20240124144149922\" data-recalc-dims=\"1\"><span>\u53cd\u4e4b\u5219\u4f1a\u663e\u793a<\/span><\/p><\/blockquote><\/li><li><p><span>\u9664\u4e86\u4e0a\u8bc9\u63d0\u5230\u7684\u8def\u7531\u7684\u5404\u9879\u53c2\u6570,\u8fd8\u5b58\u5728\u5176\u4ed6\u53c2\u6570\u53ef\u4f9b\u9009\u62e9:<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"javascript\" style=\"break-inside: unset;\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"javascript\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/ \u5f53\u8bbe\u7f6e true \u7684\u65f6\u5019\u8be5\u8def\u7531\u4e0d\u4f1a\u5728\u4fa7\u8fb9\u680f\u51fa\u73b0 \u5982401\uff0clogin\u7b49\u9875\u9762\uff0c\u6216\u8005\u5982\u4e00\u4e9b\u7f16\u8f91\u9875\u9762\/edit\/1<\/span><\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-variable\">hidden<\/span>: <span class=\"cm-atom\">true<\/span> <span class=\"cm-comment\">\/\/ (\u9ed8\u8ba4 false)<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/\u5f53\u8bbe\u7f6e noRedirect \u7684\u65f6\u5019\u8be5\u8def\u7531\u5728\u9762\u5305\u5c51\u5bfc\u822a\u4e2d\u4e0d\u53ef\u88ab\u70b9\u51fb<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-variable\">redirect<\/span>: <span class=\"cm-string\">'noRedirect'<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/ \u5f53\u4f60\u4e00\u4e2a\u8def\u7531\u4e0b\u9762\u7684 children \u58f0\u660e\u7684\u8def\u7531\u5927\u4e8e1\u4e2a\u65f6\uff0c\u81ea\u52a8\u4f1a\u53d8\u6210\u5d4c\u5957\u7684\u6a21\u5f0f--\u5982\u7ec4\u4ef6\u9875\u9762<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/ \u53ea\u6709\u4e00\u4e2a\u65f6\uff0c\u4f1a\u5c06\u90a3\u4e2a\u5b50\u8def\u7531\u5f53\u505a\u6839\u8def\u7531\u663e\u793a\u5728\u4fa7\u8fb9\u680f--\u5982\u5f15\u5bfc\u9875\u9762<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/ \u82e5\u4f60\u60f3\u4e0d\u7ba1\u8def\u7531\u4e0b\u9762\u7684 children \u58f0\u660e\u7684\u4e2a\u6570\u90fd\u663e\u793a\u4f60\u7684\u6839\u8def\u7531<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/ \u4f60\u53ef\u4ee5\u8bbe\u7f6e alwaysShow: true\uff0c\u8fd9\u6837\u5b83\u5c31\u4f1a\u5ffd\u7565\u4e4b\u524d\u5b9a\u4e49\u7684\u89c4\u5219\uff0c\u4e00\u76f4\u663e\u793a\u6839\u8def\u7531<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-variable\">alwaysShow<\/span>: <span class=\"cm-atom\">true<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-variable\">name<\/span>: <span class=\"cm-string\">'router-name'<\/span> <span class=\"cm-comment\">\/\/ \u8bbe\u5b9a\u8def\u7531\u7684\u540d\u5b57\uff0c\u4e00\u5b9a\u8981\u586b\u5199\u4e0d\u7136\u4f7f\u7528&lt;keep-alive&gt;\u65f6\u4f1a\u51fa\u73b0\u5404\u79cd\u95ee\u9898<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-variable\">path<\/span>: <span class=\"cm-string\">'https:\/\/github.com\/PanJiaChen\/vue-element-admin'<\/span> <span class=\"cm-comment\">\/\/ \u5bfc\u822a\u5230\u5916\u94fe<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-variable\">meta<\/span>: {<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">roles<\/span>: [<span class=\"cm-string\">'admin'<\/span>, <span class=\"cm-string\">'editor'<\/span>] <span class=\"cm-comment\">\/\/ \u8bbe\u7f6e\u8be5\u8def\u7531\u8fdb\u5165\u7684\u6743\u9650\uff0c\u652f\u6301\u591a\u4e2a\u6743\u9650\u53e0\u52a0<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">title<\/span>: <span class=\"cm-string\">'title'<\/span> <span class=\"cm-comment\">\/\/ \u8bbe\u7f6e\u8be5\u8def\u7531\u5728\u4fa7\u8fb9\u680f\u548c\u9762\u5305\u5c51\u4e2d\u5c55\u793a\u7684\u540d\u5b57<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">icon<\/span>: <span class=\"cm-string\">'svg-name'<\/span> <span class=\"cm-comment\">\/\/ \u8bbe\u7f6e\u8be5\u8def\u7531\u7684\u56fe\u6807\uff0c\u652f\u6301 svg-class\uff0c\u4e5f\u652f\u6301 el-icon-x element-ui \u7684 icon<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">noCache<\/span>: <span class=\"cm-atom\">true<\/span> <span class=\"cm-comment\">\/\/ \u5982\u679c\u8bbe\u7f6e\u4e3atrue\uff0c\u5219\u4e0d\u4f1a\u88ab &lt;keep-alive&gt; \u7f13\u5b58(\u9ed8\u8ba4 false)<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">breadcrumb<\/span>: <span class=\"cm-atom\">false<\/span> <span class=\"cm-comment\">\/\/  \u5982\u679c\u8bbe\u7f6e\u4e3afalse\uff0c\u5219\u4e0d\u4f1a\u5728breadcrumb\u9762\u5305\u5c51\u4e2d\u663e\u793a(\u9ed8\u8ba4 true)<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">affix<\/span>: <span class=\"cm-atom\">true<\/span> <span class=\"cm-comment\">\/\/ \u5982\u679c\u8bbe\u7f6e\u4e3atrue\uff0c\u5b83\u5219\u4f1a\u56fa\u5b9a\u5728tags-view\u4e2d(\u9ed8\u8ba4 false)<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-comment\">\/\/ \u5f53\u8def\u7531\u8bbe\u7f6e\u4e86\u8be5\u5c5e\u6027\uff0c\u5219\u4f1a\u9ad8\u4eae\u76f8\u5bf9\u5e94\u7684\u4fa7\u8fb9\u680f\u3002<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-comment\">\/\/ \u8fd9\u5728\u67d0\u4e9b\u573a\u666f\u975e\u5e38\u6709\u7528\uff0c\u6bd4\u5982\uff1a\u4e00\u4e2a\u6587\u7ae0\u7684\u5217\u8868\u9875\u8def\u7531\u4e3a\uff1a\/article\/list<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-comment\">\/\/ \u70b9\u51fb\u6587\u7ae0\u8fdb\u5165\u6587\u7ae0\u8be6\u60c5\u9875\uff0c\u8fd9\u65f6\u5019\u8def\u7531\u4e3a\/article\/1\uff0c\u4f46\u4f60\u60f3\u5728\u4fa7\u8fb9\u680f\u9ad8\u4eae\u6587\u7ae0\u5217\u8868\u7684\u8def\u7531\uff0c\u5c31\u53ef\u4ee5\u8fdb\u884c\u5982\u4e0b\u8bbe\u7f6e<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-variable\">activeMenu<\/span>: <span class=\"cm-string\">'\/article\/list'<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">}<\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 622px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 622px;\"><\/div><\/div><\/div><\/pre><blockquote><p><span>\u5176\u4e2dactiveMenu\u610f\u601d\u662f\u8def\u7531\u5230\u8be5\u8def\u5f84\u4e0b\u540e\uff0c\u5728\u5bfc\u822a\u680f\u9ad8\u4eae\u6307\u5b9a\u7684\u8def\u7531\u5730\u5740<\/span><\/p><\/blockquote><\/li><li><p><span>\u521b\u5efa\u591a\u7ea7\u8def\u7531\uff08\u5982\u4e09\u7ea7\u8def\u7531\uff09\uff0c\u9700\u8981\u5728\u4e0a\u4e00\u7ea7\u7684\u6839\u6587\u4ef6\u4e0b\u6dfb\u52a0\u4e00\u4e2a<\/span><code>&lt;router-view&gt;<\/code><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"html\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"html\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> <span class=\"cm-comment\">&lt;!-- \u7236\u7ea7\u8def\u7531\u7ec4\u4ef6  --&gt;<\/span><\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-comment\">&lt;!-- xxx html \u5185\u5bb9  --&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">router-view<\/span> <span class=\"cm-tag cm-bracket\">\/&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">div<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 161px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 161px;\"><\/div><\/div><\/div><\/pre><\/li><\/ul><h4 id='\u8def\u7531'><span>\u8def\u7531<\/span><\/h4><p><span>\u8def\u7531\u5206\u4e3a\u4e24\u79cd\uff1a<\/span><\/p><ol start='' ><li><p><strong><span>constantRoutes\uff1a<\/span><\/strong><span> \u4ee3\u8868\u90a3\u4e9b\u4e0d\u9700\u8981\u52a8\u6001\u5224\u65ad\u6743\u9650\u7684\u8def\u7531\uff0c\u5982\u767b\u5f55\u9875\u3001404\u3001\u7b49\u901a\u7528\u9875\u9762\u3002<\/span><\/p><\/li><li><p><strong><span>asyncRoutes\uff1a<\/span><\/strong><span> \u4ee3\u8868\u90a3\u4e9b\u9700\u6c42\u52a8\u6001\u5224\u65ad\u6743\u9650\u5e76\u901a\u8fc7 <\/span><code>addRoutes<\/code><span> \u52a8\u6001\u6dfb\u52a0\u7684\u9875\u9762\u3002<\/span><\/p><\/li><\/ol><h4 id='\u4fa7\u8fb9\u5bfc\u822a\u680f\u9ed8\u8ba4\u5c55\u5f00'><span>\u4fa7\u8fb9\u5bfc\u822a\u680f\u9ed8\u8ba4\u5c55\u5f00<\/span><\/h4><p><span>\u53ef\u4ee5\u901a\u8fc7<\/span><code>default-openeds<\/code><span>\u6765\u8fdb\u884c\u8bbe\u7f6e\uff0c\u9996\u5148\u627e\u5230\u4fa7\u8fb9\u680f\u4ee3\u7801<\/span><code>vue-element-admin\/src\/layout\/components\/Sidebar\/index.vue<\/code><\/p><p><strong><span>\u6ce8\u610f :default-openeds=&quot;[&#39;\/example&#39;,&#39;\/nested&#39;]&quot; \u91cc\u9762\u586b\u5199\u7684\u662f submenu \u7684 route-path<\/span><\/strong><\/p><h4 id='\u65b0\u589e\u9875\u9762\u6ce8\u610f\u9879'><span>\u65b0\u589e\u9875\u9762\u6ce8\u610f\u9879<\/span><\/h4><ul><li><p><span>\u5728\u65b0\u589e\u9875\u9762\u4e2d\uff0c\u6211\u4eec\u9700\u8981\u6ce8\u610f\u51e0\u4e2a\u6587\u4ef6\u5168\u5c40\u548c\u79c1\u6709\u8bbe\u7f6e<\/span><\/p><ol start='' ><li><p><span>view\uff1a\u521b\u5efa\u5b8c\u8def\u7531\u540e\uff0c\u6211\u4eec\u9700\u8981\u5728<\/span><code>views<\/code><span>\u4e0b\u521b\u5efa\u65b0\u7684view\uff0c\u5e76\u5728\u5176\u6587\u4ef6\u5939\u4e0b\u521b\u5efa\u7531\u8be5view\u79c1\u6709\u7684<\/span><code>utils<\/code><span>\u548c<\/span><code>components<\/code><span>\uff0c\u540c\u65f6\u516c\u6709components\u5b58\u653e\u5728\u5168\u5c40<\/span><code>components<\/code><span>\u6587\u4ef6\u5939\u4e0b<\/span><\/p><\/li><li><p><span>api\uff1a\u5728<\/span><code>apis<\/code><span>\u4e0b\u521b\u5efa\u5bf9\u5e94\u7684\u63a5\u53e3\u6587\u4ef6\u5939\uff0c\u7528\u4e8e\u7ef4\u62a4\u63a5\u53e3<\/span><\/p><\/li><li><p><span>\u6837\u5f0f\uff1a\u5728\u5f15\u5165css\u7684\u65f6\u5019\uff0c\u8003\u8651\u5230\u5168\u5c40css\uff0c\u6bcf\u4e00\u4e2a\u9875\u9762\u7684\u6837\u5f0f\u5c31\u5199\u5728\u5f53\u524d <\/span><code>views<\/code><span>\u4e0b\u9762\uff0c\u8bf7\u8bb0\u4f4f\u52a0\u4e0a<\/span><code>scoped<\/code><span> \u6216\u8005\u547d\u540d\u7a7a\u95f4\uff0c\u907f\u514d\u9020\u6210\u5168\u5c40\u7684\u6837\u5f0f\u6c61\u67d3\u3002<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"html\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"html\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">style<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/* global styles *\/<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">style<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">style<\/span> <span class=\"cm-attribute\">scoped<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/* local styles *\/<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-qualifier\">.xxx-container<\/span>{<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-comment\">\/* name scoped *\/<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-property cm-error\">xxx<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">}<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">style<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 277px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 277px;\"><\/div><\/div><\/div><\/pre><blockquote><p><span>scoped \u8868\u793a\u8be5css\u79c1\u6709\uff0c\u53ea\u4f1a\u4f5c\u7528\u4e8e\u6b64\u7ec4\u4ef6\u4ee5\u53ca\u5176\u5b50\u7ec4\u4ef6\u4e0b<\/span><\/p><\/blockquote><\/li><\/ol><\/li><\/ul><h2 id='\u6837\u5f0f'><span>\u6837\u5f0f<\/span><\/h2><p><span>\u6837\u5f0f\u4e0a\u5b58\u5728\u4e24\u4e2a\u95ee\u9898\uff1a<\/span><\/p><ol start='' ><li><p><strong><span>\u5168\u5c40\u6c61\u67d3 \u2014\u2014 CSS \u6587\u4ef6\u4e2d\u7684\u9009\u62e9\u5668\u662f\u5168\u5c40\u751f\u6548\u7684\uff0c\u4e0d\u540c\u6587\u4ef6\u4e2d\u7684\u540c\u540d\u9009\u62e9\u5668\uff0c\u6839\u636e build \u540e\u751f\u6210\u6587\u4ef6\u4e2d\u7684\u5148\u540e\u987a\u5e8f\uff0c\u540e\u9762\u7684\u6837\u5f0f\u4f1a\u5c06\u524d\u9762\u7684\u8986\u76d6\uff1b<\/span><\/strong><\/p><\/li><li><p><span>\u9009\u62e9\u5668\u590d\u6742 \u2014\u2014 \u4e3a\u4e86\u907f\u514d\u4e0a\u9762\u7684\u95ee\u9898\uff0c\u6211\u4eec\u5728\u7f16\u5199\u6837\u5f0f\u7684\u65f6\u5019\u4e0d\u5f97\u4e0d\u5c0f\u5fc3\u7ffc\u7ffc\uff0c\u7c7b\u540d\u91cc\u4f1a\u5e26\u4e0a\u9650\u5236\u8303\u56f4\u7684\u6807\u793a\uff0c\u53d8\u5f97\u8d8a\u6765\u8d8a\u957f\uff0c\u591a\u4eba\u5f00\u53d1\u65f6\u8fd8\u5f88\u5bb9\u6613\u5bfc\u81f4\u547d\u540d\u98ce\u683c\u6df7\u4e71\uff0c\u4e00\u4e2a\u5143\u7d20\u4e0a\u4f7f\u7528\u7684\u9009\u62e9\u5668\u4e2a\u6570\u4e5f\u53ef\u80fd\u8d8a\u6765\u8d8a\u591a\uff0c\u6700\u7ec8\u5bfc\u81f4\u96be\u4ee5\u7ef4\u62a4\u3002<\/span><\/p><\/li><\/ol><p><span>\u56e0\u6b64vue\u63d0\u4f9b\u4e86scoped\u89e3\u51b3\u8fd9\u4e2a\u95ee\u9898\uff0c\u5b83\u7ed9css\u52a0\u4e86\u4e00\u4e2a\u57df\u7684\u6982\u5ff5\uff0c\u53ea\u8981\u52a0\u4e0a <\/span><code>&lt;style scoped&gt;<\/code><span> \u8fd9\u6837 css \u5c31\u53ea\u4f1a\u4f5c\u7528\u5728\u5f53\u524d\u7ec4\u4ef6\u5185\u4e86\u3002<\/span><\/p><blockquote><p><span>\u4f7f\u7528 scoped \u540e\uff0c\u7236\u7ec4\u4ef6\u7684\u6837\u5f0f\u5c06\u4e0d\u4f1a\u6e17\u900f\u5230\u5b50\u7ec4\u4ef6\u4e2d\u3002\u4e0d\u8fc7\u4e00\u4e2a\u5b50\u7ec4\u4ef6\u7684\u6839\u8282\u70b9\u4f1a\u540c\u65f6\u53d7\u5176\u7236\u7ec4\u4ef6\u7684 scoped CSS \u548c\u5b50\u7ec4\u4ef6\u7684 scoped CSS \u7684\u5f71\u54cd\u3002\u8fd9\u6837\u8bbe\u8ba1\u662f\u4e3a\u4e86\u8ba9\u7236\u7ec4\u4ef6\u53ef\u4ee5\u4ece\u5e03\u5c40\u7684\u89d2\u5ea6\u51fa\u53d1\uff0c\u8c03\u6574\u5176\u5b50\u7ec4\u4ef6\u6839\u5143\u7d20\u7684\u6837\u5f0f\u3002<\/span><\/p><\/blockquote><h4 id='\u81ea\u5b9a\u4e49-element-ui-\u6837\u5f0f'><span>\u81ea\u5b9a\u4e49 element-ui \u6837\u5f0f<\/span><\/h4><p><span>\u73b0\u5728\u6211\u4eec\u6765\u8bf4\u8bf4\u600e\u4e48\u8986\u76d6 element-ui \u6837\u5f0f\u3002\u7531\u4e8e element-ui \u7684\u6837\u5f0f\u6211\u4eec\u662f\u5728\u5168\u5c40\u5f15\u5165\u7684\uff0c\u6240\u4ee5\u4f60\u60f3\u5728\u67d0\u4e2a\u9875\u9762\u91cc\u9762\u8986\u76d6\u5b83\u7684\u6837\u5f0f\u5c31\u4e0d\u80fd\u52a0 scoped\uff0c\u4f46\u4f60\u53c8\u60f3\u53ea\u8986\u76d6\u8fd9\u4e2a\u9875\u9762\u7684 element \u6837\u5f0f\uff0c\u4f60\u5c31\u53ef\u5728\u5b83\u7684\u7236\u7ea7\u52a0\u4e00\u4e2a class\uff0c\u7528\u547d\u540d\u7a7a\u95f4\u6765\u89e3\u51b3\u95ee\u9898\u3002<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"css\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"css\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-qualifier\">.article-page<\/span> {<\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-comment\">\/* \u4f60\u7684\u547d\u540d\u7a7a\u95f4 *\/<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-error\">.el-tag<\/span> {<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-comment\">\/* element-ui \u5143\u7d20*\/<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-property\">margin-right<\/span>: <span class=\"cm-number\">0px<\/span>;<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">  }<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">}<\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 161px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 161px;\"><\/div><\/div><\/div><\/pre><p><span>\u4e5f\u53ef\u4ee5\u4f7f\u7528\u6df1\u5ea6\u4f5c\u7528\u9009\u62e9\u5668\uff1a<\/span><\/p><p><span>\u5f53\u4f60\u5b50\u7ec4\u4ef6\u4f7f\u7528\u4e86 <\/span><code>scoped<\/code><span> \u4f46\u5728\u7236\u7ec4\u4ef6\u53c8\u60f3\u4fee\u6539\u5b50\u7ec4\u4ef6\u7684\u6837\u5f0f\u53ef\u4ee5 \u901a\u8fc7 <\/span><code>&gt;&gt;&gt;<\/code><span> \u6765\u5b9e\u73b0\uff1a<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"css\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"css\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">&lt;<span class=\"cm-tag\">style<\/span> <span class=\"cm-tag\">scoped<\/span>&gt;<\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-qualifier\">.a<\/span> &gt;&gt;&gt; <span class=\"cm-qualifier\">.b<\/span> { <span class=\"cm-comment\">\/* ... *\/<\/span> }<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">&lt;\/<span class=\"cm-tag\">style<\/span>&gt;<\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 69px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 69px;\"><\/div><\/div><\/div><\/pre><h2 id='\u670d\u52a1\u5668\u4ea4\u4e92'><span>\u670d\u52a1\u5668\u4ea4\u4e92<\/span><\/h2><p><span>vue-admin\u7684\u8bf7\u6c42\u6d41\u7a0b\u4e3a\uff1a<\/span><\/p><ol start='' ><li><p><span>UI\u8fdb\u884c\u64cd\u4f5c<\/span><\/p><\/li><li><p><span>\u8c03\u7528api\u76ee\u5f55\u4e0b\u7684\u8bf7\u6c42\u53c2\u6570<\/span><\/p><\/li><li><p><span>\u4f7f\u7528\u5206\u88c5\u7684request.js\u6765\u53d1\u9001\u8bf7\u6c42<\/span><\/p><\/li><li><p><span>\u83b7\u53d6\u670d\u52a1\u7aef\u8fd4\u56de<\/span><\/p><\/li><\/ol><p><code>@\/utils\/request.js<\/code><span> \u662f\u57fa\u4e8e <\/span><a href='https:\/\/github.com\/axios\/axios'><span>axios<\/span><\/a><span> \u7684\u5c01\u88c5\uff0c\u4fbf\u4e8e\u7edf\u4e00\u5904\u7406 POST\uff0cGET \u7b49\u8bf7\u6c42\u53c2\u6570\uff0c\u8bf7\u6c42\u5934\uff0c\u4ee5\u53ca\u9519\u8bef\u63d0\u793a\u4fe1\u606f\u7b49\u3002\u5177\u4f53\u53ef\u4ee5\u53c2\u770b <\/span><a href='https:\/\/github.com\/PanJiaChen\/vue-element-admin\/blob\/master\/src\/utils\/request.js'><span>request.js<\/span><\/a><span>\u3002 \u5b83\u5c01\u88c5\u4e86\u5168\u5c40 <\/span><code>request\u62e6\u622a\u5668<\/code><span>\u3001<\/span><code>response\u62e6\u622a\u5668<\/code><span>\u3001<\/span><code>\u7edf\u4e00\u7684\u9519\u8bef\u5904\u7406<\/code><span>\u3001<\/span><code>\u7edf\u4e00\u505a\u4e86\u8d85\u65f6\u5904\u7406<\/code><span>\u3001<\/span><code>baseURL\u8bbe\u7f6e\u7b49<\/code><span>\u3002<\/span><\/p><h4 id='\u8bbe\u7f6e\u591a\u4e2abaseurl'><span>\u8bbe\u7f6e\u591a\u4e2abaseURL<\/span><\/h4><p><span>\u9996\u5148\u6211\u4eec\u9700\u8981\u660e\u767d\uff0cvue-admin\u7684\u8bf7\u6c42\u5730\u5740\u7531\u4e24\u90e8\u5206\u7ec4\u6210<\/span><code>url = baseURL + requestURL<\/code><\/p><p><code>baseURL<\/code><span>\u4e00\u822c\u5728request.js\u5185\u5b9a\u4e49\uff0c\u4e00\u822c\u4e3aapi\u7684\u6839\u76ee\u5f55\uff08\u5982\u679c\u4e0d\u5199\u5165\u5b8c\u6574\u5730\u5740\uff0c\u5219\u4f1a\u9ed8\u8ba4\u4f7f\u7528\u5f53\u524d\u8fd0\u884c\u5730\u5740\uff09<\/span><\/p><p><code>requestURL<\/code><span>\u4e3aapi\u63a5\u53e3\u65b9\u6cd5\u4e0b\u5b9a\u4e49\uff0c\u4e00\u822c\u4e3a\u5177\u4f53\u7684api\u7684\u5177\u4f53\u5730\u5740<\/span><\/p><p><span>\u6211\u4eec\u53ef\u4ee5\u901a\u8fc7\u73af\u5883\u53d8\u91cf\u8bbe\u7f6e\u591a\u4e2a<\/span><code>baseURL<\/code><span>\uff0c\u4ece\u800c\u8bf7\u6c42\u4e0d\u540c\u7684 api \u5730\u5740\u3002<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"bash\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"bash\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\"># .env.development<\/span><\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">VUE_APP_BASE_API <span class=\"cm-operator\">=<\/span> <span class=\"cm-string\">'\/dev-api'<\/span> <span class=\"cm-comment\">#\u6ce8\u5165\u672c\u5730 api \u7684\u6839\u8def\u5f84<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">VUE_APP_BASE_API2 <span class=\"cm-operator\">=<\/span> <span class=\"cm-string\">'\/dev-api2'<\/span> <span class=\"cm-comment\">#\u6ce8\u5165\u672c\u5730 api2 \u7684\u6839\u8def\u5f84<\/span><\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 69px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 69px;\"><\/div><\/div><\/div><\/pre><p><span>\u4e4b\u540e\u6839\u636e\u73af\u5883\u53d8\u91cf\u521b\u5efa<\/span><code>axios<\/code><span>\u5b9e\u4f8b\uff0c\u8ba9\u5b83\u5177\u6709\u4e0d\u540c\u7684<\/span><code>baseURL<\/code><span>\u3002<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"js\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"js\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-comment\">\/\/ create an axios instance<\/span><\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-keyword\">const<\/span> <span class=\"cm-def\">service<\/span> <span class=\"cm-operator\">=<\/span> <span class=\"cm-variable\">axios<\/span>.<span class=\"cm-property\">create<\/span>({<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-property\">baseURL<\/span>: <span class=\"cm-variable\">process<\/span>.<span class=\"cm-property\">env<\/span>.<span class=\"cm-property\">BASE_API<\/span>, <span class=\"cm-comment\">\/\/ api \u7684 base_url<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-property\">withCredentials<\/span>: <span class=\"cm-atom\">true<\/span>, <span class=\"cm-comment\">\/\/ \u5728\u8de8\u57df\u65f6\u53d1\u9001cookie<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-property\">timeout<\/span>: <span class=\"cm-number\">5000<\/span> <span class=\"cm-comment\">\/\/ request timeout<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">})<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span cm-text=\"\" cm-zwsp=\"\">\n<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-keyword\">const<\/span> <span class=\"cm-def\">service2<\/span> <span class=\"cm-operator\">=<\/span> <span class=\"cm-variable\">axios<\/span>.<span class=\"cm-property\">create<\/span>({<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-property\">baseURL<\/span>: <span class=\"cm-variable\">process<\/span>.<span class=\"cm-property\">env<\/span>.<span class=\"cm-property\">BASE_API2<\/span>, <span class=\"cm-comment\">\/\/ api2 \u7684 base_url<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-property\">timeout<\/span>: <span class=\"cm-number\">5000<\/span> <span class=\"cm-comment\">\/\/ request timeout<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">})<\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 254px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 254px;\"><\/div><\/div><\/div><\/pre><p><span>\u4e5f\u53ef\u4ee5\u5728api\u65b9\u6cd5\u4e0b\u76f4\u63a5\u901a\u8fc7\u8986\u76d6\u65b9\u5f0f\u4f7f\u7528<\/span><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"js\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"js\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-keyword\">export<\/span> <span class=\"cm-keyword\">function<\/span> <span class=\"cm-def\">fetchList<\/span>(<span class=\"cm-def\">query<\/span>) {<\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-keyword\">return<\/span> <span class=\"cm-variable\">request<\/span>({<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-property\">url<\/span>: <span class=\"cm-string\">'\/article\/list'<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-property\">method<\/span>: <span class=\"cm-string\">'get'<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-property\">params<\/span>: <span class=\"cm-variable-2\">query<\/span>,<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-property\">baseURL<\/span>: <span class=\"cm-string\">'xxxx'<\/span> <span class=\"cm-comment\">\/\/ \u76f4\u63a5\u901a\u8fc7\u8986\u76d6\u7684\u65b9\u5f0f<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">  })<\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\">}<\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 184px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 184px;\"><\/div><\/div><\/div><\/pre><h2 id='\u5feb\u6377\u5bfc\u822a\u6807\u7b7e\u680f\u5bfc\u822a'><span>\u5feb\u6377\u5bfc\u822a(\u6807\u7b7e\u680f\u5bfc\u822a)<\/span><\/h2><p><span>\u5373\u9875\u9762\u9762\u5305\u5c51\u4e0b\u65b9\u7684tag\u5bfc\u822a\u680f\uff1a<\/span><\/p><p><img decoding=\"async\" src=\"https:\/\/i2.wp.com\/fireinsect.top\/wp-content\/uploads\/2024\/01\/image-20240124160804796.png?w=1170&#038;ssl=1\" referrerpolicy=\"no-referrer\" alt=\"image-20240124160804796\" data-recalc-dims=\"1\"><\/p><p><span>\u8fd9\u65b9\u9762\u6bd4\u8f83\u590d\u6742\uff0c\u800c\u4e14\u7528\u5904\u4e0d\u5927\uff0c\u5c31\u4e0d\u6df1\u7a76\u4e86\u3002\u660e\u767d\u5982\u4f55\u79fb\u9664\u5c31\u884c\uff1a<\/span><\/p><p><span>\u9996\u5148\u627e\u5230 <\/span><code>@\/layout\/components\/AppMain.vue<\/code><span> \u7136\u540e\u79fb\u9664 <\/span><code>keep-alive<\/code><\/p><pre class=\"md-fences md-end-block ty-contain-cm modeLoaded\" spellcheck=\"false\" lang=\"html\"><div class=\"CodeMirror cm-s-inner cm-s-null-scroll CodeMirror-wrap\" lang=\"html\"><div style=\"overflow: hidden; position: relative; width: 3px; height: 0px; top: 9.52344px; left: 8px;\"><textarea autocorrect=\"off\" autocapitalize=\"off\" spellcheck=\"false\" tabindex=\"0\" style=\"position: absolute; bottom: -1em; padding: 0px; width: 1000px; height: 1em; outline: none;\"><\/textarea><\/div><div class=\"CodeMirror-scrollbar-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-gutter-filler\" cm-not-content=\"true\"><\/div><div class=\"CodeMirror-scroll\" tabindex=\"-1\"><div class=\"CodeMirror-sizer\" style=\"margin-left: 0px; margin-bottom: 0px; border-right-width: 0px; padding-right: 0px; padding-bottom: 0px;\"><div style=\"position: relative; top: 0px;\"><div class=\"CodeMirror-lines\" role=\"presentation\"><div role=\"presentation\" style=\"position: relative; outline: none;\"><div class=\"CodeMirror-measure\"><pre><span>xxxxxxxxxx<\/span><\/pre><\/div><div class=\"CodeMirror-measure\"><\/div><div style=\"position: relative; z-index: 1;\"><\/div><div class=\"CodeMirror-code\" role=\"presentation\" style=\"\"><div class=\"CodeMirror-activeline\" style=\"position: relative;\"><div class=\"CodeMirror-activeline-background CodeMirror-linebackground\"><\/div><div class=\"CodeMirror-gutter-background CodeMirror-activeline-gutter\" style=\"left: 0px; width: 0px;\"><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><\/div><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">section<\/span> <span class=\"cm-attribute\">class<\/span>=<span class=\"cm-string\">\"app-main\"<\/span> <span class=\"cm-attribute\">style<\/span>=<span class=\"cm-string\">\"min-height: 100%\"<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">transition<\/span> <span class=\"cm-attribute\">name<\/span>=<span class=\"cm-string\">\"fade-transform\"<\/span> <span class=\"cm-attribute\">mode<\/span>=<span class=\"cm-string\">\"out-in\"<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp; &nbsp;<span class=\"cm-tag cm-bracket\">&lt;<\/span><span class=\"cm-tag\">router-view<\/span><span class=\"cm-tag cm-bracket\">&gt;&lt;\/<\/span><span class=\"cm-tag\">router-view<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp; &nbsp;<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">transition<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"> &nbsp;<span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">section<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><pre class=\" CodeMirror-line \" role=\"presentation\"><span role=\"presentation\" style=\"padding-right: 0.1px;\"><span class=\"cm-tag cm-bracket\">&lt;\/<\/span><span class=\"cm-tag\">template<\/span><span class=\"cm-tag cm-bracket\">&gt;<\/span><\/span><\/pre><\/div><\/div><\/div><\/div><\/div><div style=\"position: absolute; height: 0px; width: 1px; border-bottom: 0px solid transparent; top: 161px;\"><\/div><div class=\"CodeMirror-gutters\" style=\"display: none; height: 161px;\"><\/div><\/div><\/div><\/pre><p><span>\u7136\u540e\u79fb\u9664\u6574\u4e2a <\/span><code>@\/layout\/components\/TagsView.vue<\/code><span> \u6587\u4ef6\uff0c\u5e76\u5728<\/span><code>@\/layout\/components\/index<\/code><span> \u548c <\/span><code>@\/layout\/Layout.vue<\/code><span> \u79fb\u9664\u76f8\u5e94\u7684\u4f9d\u8d56\u3002\u6700\u540e\u628a <\/span><code>@\/store\/modules\/tagsView<\/code><span> \u76f8\u5173\u7684\u4ee3\u7801\u5220\u9664\u5373\u53ef\u3002<\/span><\/p><\/div><\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u672c\u7bc7\u4e3aVue-element-admin\u5f00\u6e90\u6846\u67b6\u7684\u4f7f\u7528\uff0c\u7528\u4e8e\u4f7f\u7528\u8be5\u6846\u67b6\u7684\u4e00\u4e9b\u65b9\u6cd5\u548c\u6ce8\u610f\u70b9<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"spay_email":"","footnotes":""},"categories":[5,1],"tags":[],"class_list":["post-1580","post","type-post","status-publish","format-standard","hentry","category-5","category-wcd"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/posts\/1580"}],"collection":[{"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/comments?post=1580"}],"version-history":[{"count":12,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/posts\/1580\/revisions"}],"predecessor-version":[{"id":1601,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/posts\/1580\/revisions\/1601"}],"wp:attachment":[{"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/media?parent=1580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/categories?post=1580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fireinsect.top\/index.php\/wp-json\/wp\/v2\/tags?post=1580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}