github
/
ant-design-vue
mirror of https://github.com/vueComponent/ant-design-vue
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
ant-design-vue/efddd0e4.async.js

1 line
38 KiB
JavaScript
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

(window.webpackJsonp=window.webpackJsonp||[]).push([[38],{1468:function(s,a,t){"use strict";t.r(a);var e=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-breadcrumb>\n <a-breadcrumb-item>Home</a-breadcrumb-item>\n <a-breadcrumb-item><a href="">Application Center</a></a-breadcrumb-item>\n <a-breadcrumb-item><a href="">Application List</a></a-breadcrumb-item>\n <a-breadcrumb-item>An Application</a-breadcrumb-item>\n </a-breadcrumb>\n',script:null,style:null,us:"\n #### Basic usage \n The simplest use\n",cn:"\n #### 基本\n 最简单的用法\n",sourceCode:'<template>\n <a-breadcrumb>\n <a-breadcrumb-item>Home</a-breadcrumb-item>\n <a-breadcrumb-item><a href="">Application Center</a></a-breadcrumb-item>\n <a-breadcrumb-item><a href="">Application List</a></a-breadcrumb-item>\n <a-breadcrumb-item>An Application</a-breadcrumb-item>\n </a-breadcrumb>\n</template>\n'}}},[t("template",{slot:"component"},[t("a-breadcrumb",[t("a-breadcrumb-item",[s._v("Home")]),s._v(" "),t("a-breadcrumb-item",[t("a",{attrs:{href:""}},[s._v("Application Center")])]),s._v(" "),t("a-breadcrumb-item",[t("a",{attrs:{href:""}},[s._v("Application List")])]),s._v(" "),t("a-breadcrumb-item",[s._v("An Application")])],1)],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"基本"}},[s._v("基本 "),t("a",{staticClass:"anchor",attrs:{href:"#基本"}},[s._v("#")])]),s._v(" "),t("p",[s._v("最简单的用法")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Basic-usage"}},[s._v("Basic usage "),t("a",{staticClass:"anchor",attrs:{href:"#Basic-usage"}},[s._v("#")])]),s._v(" "),t("p",[s._v("The simplest use")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("Home"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("Application Center"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("Application List"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a")]),s._v(">")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("An Application"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};e._withStripped=!0;var r=t(31),n=Object(r.a)({},e,[],!1,null,null,null);n.options.__file="components/breadcrumb/demo/basic.md";var l=n.exports,v=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <a-breadcrumb>\n <a-breadcrumb-item href="">\n <a-icon type="home"/>\n </a-breadcrumb-item>\n <a-breadcrumb-item href="">\n <a-icon type="user"/>\n <span>Application List</span>\n </a-breadcrumb-item>\n <a-breadcrumb-item>\n Application\n </a-breadcrumb-item>\n </a-breadcrumb>\n',script:null,style:null,us:"\n #### With an Icon\n The icon should be placed in front of the text\n",cn:"\n #### 带有图标的\n 图标放在文字前面\n",sourceCode:'<template>\n <a-breadcrumb>\n <a-breadcrumb-item href="">\n <a-icon type="home" />\n </a-breadcrumb-item>\n <a-breadcrumb-item href="">\n <a-icon type="user" />\n <span>Application List</span>\n </a-breadcrumb-item>\n <a-breadcrumb-item>\n Application\n </a-breadcrumb-item>\n </a-breadcrumb>\n</template>\n'}}},[t("template",{slot:"component"},[t("a-breadcrumb",[t("a-breadcrumb-item",{attrs:{href:""}},[t("a-icon",{attrs:{type:"home"}})],1),s._v(" "),t("a-breadcrumb-item",{attrs:{href:""}},[t("a-icon",{attrs:{type:"user"}}),s._v(" "),t("span",[s._v("Application List")])],1),s._v(" "),t("a-breadcrumb-item",[s._v("\n Application\n ")])],1)],1),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"带有图标的"}},[s._v("带有图标的 "),t("a",{staticClass:"anchor",attrs:{href:"#带有图标的"}},[s._v("#")])]),s._v(" "),t("p",[s._v("图标放在文字前面")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"With-an-Icon"}},[s._v("With an Icon "),t("a",{staticClass:"anchor",attrs:{href:"#With-an-Icon"}},[s._v("#")])]),s._v(" "),t("p",[s._v("The icon should be placed in front of the text")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"home"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-icon")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("type")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"user"')]),s._v(" />")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("Application List"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n Application\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};v._withStripped=!0;var _=Object(r.a)({},v,[],!1,null,null,null);_.options.__file="components/breadcrumb/demo/withIcon.md";var p=_.exports,i=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-breadcrumb separator=">">\n <a-breadcrumb-item>Home</a-breadcrumb-item>\n <a-breadcrumb-item href="">Application Center</a-breadcrumb-item>\n <a-breadcrumb-item href="">Application List</a-breadcrumb-item>\n <a-breadcrumb-item>An Application</a-breadcrumb-item>\n </a-breadcrumb>\n <a-breadcrumb>\n <span slot="separator" style="color: red">></span>\n <a-breadcrumb-item>Home</a-breadcrumb-item>\n <a-breadcrumb-item href="">Application Center</a-breadcrumb-item>\n <a-breadcrumb-item href="">Application List</a-breadcrumb-item>\n <a-breadcrumb-item>An Application</a-breadcrumb-item>\n </a-breadcrumb>\n </div>\n',script:null,style:null,us:'\n #### Configuring the Separator\n The separator can be customized by setting the separator preperty: separator=">" or use \n slot="separator"\n',cn:'\n #### 分隔符\n 使用` separator=">" `可以自定义分隔符，或者使用slot="separator"自定义更复杂的分隔符\n',sourceCode:'<template>\n <div>\n <a-breadcrumb separator=">">\n <a-breadcrumb-item>Home</a-breadcrumb-item>\n <a-breadcrumb-item href="">Application Center</a-breadcrumb-item>\n <a-breadcrumb-item href="">Application List</a-breadcrumb-item>\n <a-breadcrumb-item>An Application</a-breadcrumb-item>\n </a-breadcrumb>\n <a-breadcrumb>\n <span slot="separator" style="color: red">></span>\n <a-breadcrumb-item>Home</a-breadcrumb-item>\n <a-breadcrumb-item href="">Application Center</a-breadcrumb-item>\n <a-breadcrumb-item href="">Application List</a-breadcrumb-item>\n <a-breadcrumb-item>An Application</a-breadcrumb-item>\n </a-breadcrumb>\n </div>\n</template>\n'}}},[t("template",{slot:"component"},[t("div",[t("a-breadcrumb",{attrs:{separator:">"}},[t("a-breadcrumb-item",[s._v("Home")]),s._v(" "),t("a-breadcrumb-item",{attrs:{href:""}},[s._v("Application Center")]),s._v(" "),t("a-breadcrumb-item",{attrs:{href:""}},[s._v("Application List")]),s._v(" "),t("a-breadcrumb-item",[s._v("An Application")])],1),s._v(" "),t("a-breadcrumb",[t("span",{staticStyle:{color:"red"},attrs:{slot:"separator"},slot:"separator"},[s._v(">")]),s._v(" "),t("a-breadcrumb-item",[s._v("Home")]),s._v(" "),t("a-breadcrumb-item",{attrs:{href:""}},[s._v("Application Center")]),s._v(" "),t("a-breadcrumb-item",{attrs:{href:""}},[s._v("Application List")]),s._v(" "),t("a-breadcrumb-item",[s._v("An Application")])],1)],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"分隔符"}},[s._v("分隔符 "),t("a",{staticClass:"anchor",attrs:{href:"#分隔符"}},[s._v("#")])]),s._v(" "),t("p",[s._v("使用"),t("code",[s._v('separator=">"')]),s._v('可以自定义分隔符，或者使用slot="separator"自定义更复杂的分隔符')])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Configuring-the-Separator"}},[s._v("Configuring the Separator "),t("a",{staticClass:"anchor",attrs:{href:"#Configuring-the-Separator"}},[s._v("#")])]),s._v(" "),t("p",[s._v('The separator can be customized by setting the separator preperty: separator=">" or use'),t("br"),s._v('\nslot="separator"'),t("br")])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("separator")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('">"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("Home"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("Application Center"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("Application List"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("An Application"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"separator"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("style")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"color: red"')]),s._v(">")]),s._v(">"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("Home"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("Application Center"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("href")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('""')]),s._v(">")]),s._v("Application List"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("An Application"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb-item")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n")])])])],2)]],2)};i._withStripped=!0;var c=Object(r.a)({},i,[],!1,null,null,null);c.options.__file="components/breadcrumb/demo/separator.md";var m=c.exports,h=function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[[t("demo-box",{attrs:{jsfiddle:{html:'\n <div>\n <a-breadcrumb :routes="routes">\n <template slot="itemRender" slot-scope="{route, params, routes, paths}">\n <span v-if="routes.indexOf(route) === routes.length - 1">\n {{route.breadcrumbName}}\n </span>\n <router-link v-else="" :to="`${basePath}/${paths.join(\'/\')}`">\n {{route.breadcrumbName}}\n </router-link>\n </template>\n </a-breadcrumb>\n <br/>\n {{$route.path}}\n </div>\n',script:"\n export default {\n data() {\n const { lang } = this.$route.params;\n return {\n basePath: `/${lang}/components/breadcrumb`,\n routes: [\n {\n path: 'index',\n breadcrumbName: '首页',\n },\n {\n path: 'first',\n breadcrumbName: '一级面包屑',\n },\n {\n path: 'second',\n breadcrumbName: '当前页面',\n },\n ],\n };\n },\n };\n",style:null,us:"\n #### Vue Router Integration\nUsed together with `vue-router`\n",cn:"\n #### vue-router\n和 `vue-router` 进行结合使用。\n",sourceCode:"<template>\n <div>\n <a-breadcrumb :routes=\"routes\">\n <template slot=\"itemRender\" slot-scope=\"{route, params, routes, paths}\">\n <span v-if=\"routes.indexOf(route) === routes.length - 1\">\n {{route.breadcrumbName}}\n </span>\n <router-link v-else :to=\"`${basePath}/${paths.join('/')}`\">\n {{route.breadcrumbName}}\n </router-link>\n </template>\n </a-breadcrumb>\n <br />\n {{$route.path}}\n </div>\n</template>\n<script>\n export default {\n data() {\n const { lang } = this.$route.params;\n return {\n basePath: `/${lang}/components/breadcrumb`,\n routes: [\n {\n path: 'index',\n breadcrumbName: '首页',\n },\n {\n path: 'first',\n breadcrumbName: '一级面包屑',\n },\n {\n path: 'second',\n breadcrumbName: '当前页面',\n },\n ],\n };\n },\n };\n<\/script>\n"}}},[t("template",{slot:"component"},[t("div",[t("a-breadcrumb",{attrs:{routes:s.routes},scopedSlots:s._u([{key:"itemRender",fn:function(a){var e=a.route,r=(a.params,a.routes),n=a.paths;return[r.indexOf(e)===r.length-1?t("span",[s._v("\n "+s._s(e.breadcrumbName)+"\n ")]):t("router-link",{attrs:{to:s.basePath+"/"+n.join("/")}},[s._v("\n "+s._s(e.breadcrumbName)+"\n ")])]}}])}),s._v(" "),t("br"),s._v("\n "+s._s(s.$route.path)+"\n ")],1)]),s._v(" "),t("template",{slot:"description"},[t("h4",{attrs:{id:"vue-router"}},[s._v("vue-router "),t("a",{staticClass:"anchor",attrs:{href:"#vue-router"}},[s._v("#")])]),s._v(" "),t("p",[s._v("和 "),t("code",[s._v("vue-router")]),s._v(" 进行结合使用。")])]),s._v(" "),t("template",{slot:"us-description"},[t("h4",{attrs:{id:"Vue-Router-Integration"}},[s._v("Vue Router Integration "),t("a",{staticClass:"anchor",attrs:{href:"#Vue-Router-Integration"}},[s._v("#")])]),s._v(" "),t("p",[s._v("Used together with "),t("code",[s._v("vue-router")])])]),s._v(" "),t("template",{slot:"code"},[t("pre",[t("code",{staticClass:"language-html"},[t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":routes")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"routes"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"itemRender"')]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("slot-scope")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"{route, params, routes, paths}"')]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-if")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v('"routes.indexOf(route) === routes.length - 1"')]),s._v(">")]),s._v("\n "),t("span",[s._v("{{")]),s._v("route.breadcrumbName"),t("span",[s._v("}}")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("span")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("router-link")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v("v-else")]),s._v(" "),t("span",{staticClass:"hljs-attr"},[s._v(":to")]),s._v("="),t("span",{staticClass:"hljs-string"},[s._v("\"`${basePath}/${paths.join('/')}`\"")]),s._v(">")]),s._v("\n "),t("span",[s._v("{{")]),s._v("route.breadcrumbName"),t("span",[s._v("}}")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("router-link")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("br")]),s._v(" />")]),s._v("\n "),t("span",[s._v("{{")]),s._v("$route.path"),t("span",[s._v("}}")]),s._v("\n "),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("div")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{staticClass:"hljs-tag"},[s._v("<"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),t("span",{staticClass:"javascript"},[s._v("\n "),t("span",{staticClass:"hljs-keyword"},[s._v("export")]),s._v(" "),t("span",{staticClass:"hljs-keyword"},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{staticClass:"hljs-keyword"},[s._v("const")]),s._v(" { lang } = "),t("span",{staticClass:"hljs-keyword"},[s._v("this")]),s._v(".$route.params;\n "),t("span",{staticClass:"hljs-keyword"},[s._v("return")]),s._v(" {\n "),t("span",{staticClass:"hljs-attr"},[s._v("basePath")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("`/"),t("span",{staticClass:"hljs-subst"},[s._v("${lang}")]),s._v("/components/breadcrumb`")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("routes")]),s._v(": [\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("path")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'index'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("breadcrumbName")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'首页'")]),s._v(",\n },\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("path")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'first'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("breadcrumbName")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'一级面包屑'")]),s._v(",\n },\n {\n "),t("span",{staticClass:"hljs-attr"},[s._v("path")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'second'")]),s._v(",\n "),t("span",{staticClass:"hljs-attr"},[s._v("breadcrumbName")]),s._v(": "),t("span",{staticClass:"hljs-string"},[s._v("'当前页面'")]),s._v(",\n },\n ],\n };\n },\n };\n")]),t("span",{staticClass:"hljs-tag"},[s._v("</"),t("span",{staticClass:"hljs-name"},[s._v("script")]),s._v(">")]),s._v("\n")])])])],2)]],2)};h._withStripped=!0;var o={data:function(){return{basePath:"/"+this.$route.params.lang+"/components/breadcrumb",routes:[{path:"index",breadcrumbName:"首页"},{path:"first",breadcrumbName:"一级面包屑"},{path:"second",breadcrumbName:"当前页面"}]}}},b=Object(r.a)(o,h,[],!1,null,null,null);b.options.__file="components/breadcrumb/demo/router.md";var u=b.exports,d=function(){var s=this.$createElement;this._self._c;return this._m(0)};d._withStripped=!0;var j=Object(r.a)({},d,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h2",{attrs:{id:"API"}},[s._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("Property")]),s._v(" "),t("th",[s._v("Description")]),s._v(" "),t("th",[s._v("Type")]),s._v(" "),t("th",[s._v("Optional")]),s._v(" "),t("th",[s._v("Default")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("itemRender")]),s._v(" "),t("td",[s._v('Custom item renderer, slot="itemRender" and slot-scope="{route, params, routes, paths}"')]),s._v(" "),t("td",[s._v("({route, params, routes, paths}) => vNode")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("params")]),s._v(" "),t("td",[s._v("Routing parameters")]),s._v(" "),t("td",[s._v("object")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("routes")]),s._v(" "),t("td",[s._v("The routing stack information of router")]),s._v(" "),t("td",[s._v("object[]")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("separator")]),s._v(" "),t("td",[s._v("Custom separator")]),s._v(" "),t("td",[s._v("string|slot")]),s._v(" "),t("td"),s._v(" "),t("td",[t("code",{pre:!0},[s._v("/")])])])])]),s._v(" "),t("h3",{attrs:{id:"Use-with-browserHistory"}},[s._v("Use with browserHistory "),t("a",{staticClass:"anchor",attrs:{href:"#Use-with-browserHistory"}},[s._v("#")])]),s._v(" "),t("p",[s._v("The link of Breadcrumb item targets "),t("code",{pre:!0},[s._v("#")]),s._v(" by default, you can use "),t("code",{pre:!0},[s._v("itemRender")]),s._v(" to make a "),t("code",{pre:!0},[s._v("browserHistory")]),s._v(" Link.")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-breadcrumb")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":routes")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"routes"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"itemRender"')]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"{route, params, routes, paths}"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"routes.indexOf(route) === routes.length - 1"')]),s._v(">")]),s._v("\n "),t("span",[s._v("{{")]),s._v("route.breadcrumbName"),t("span",[s._v("}}")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("router-link")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":to")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("\"paths.join('/')\"")]),s._v(">")]),s._v("\n "),t("span",[s._v("{{")]),s._v("route.breadcrumbName"),t("span",[s._v("}}")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("router-link")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{pre:!0,attrs:{class:"javascript"}},[s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("routes")]),s._v(": [\n {\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("path")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'index'")]),s._v(",\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("breadcrumbName")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'首页'")]),s._v(",\n },\n {\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("path")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'first'")]),s._v(",\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("breadcrumbName")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'一级面包屑'")]),s._v(",\n },\n {\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("path")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'second'")]),s._v(",\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("breadcrumbName")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'当前页面'")]),s._v(",\n },\n ],\n };\n },\n };\n")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])])}],!1,null,null,null);j.options.__file="components/breadcrumb/index.en-US.md";var C=j.exports,g=function(){var s=this.$createElement;this._self._c;return this._m(0)};g._withStripped=!0;var f=Object(r.a)({},g,[function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("div",[t("h2",{attrs:{id:"API"}},[s._v("API "),t("a",{staticClass:"anchor",attrs:{href:"#API"}},[s._v("#")])]),s._v(" "),t("table",[t("thead",[t("tr",[t("th",[s._v("参数")]),s._v(" "),t("th",[s._v("说明")]),s._v(" "),t("th",[s._v("类型")]),s._v(" "),t("th",[s._v("可选值")]),s._v(" "),t("th",[s._v("默认值")])])]),s._v(" "),t("tbody",[t("tr",[t("td",[s._v("itemRender")]),s._v(" "),t("td",[s._v('自定义链接函数，和 vue-router 配置使用， 也可使用 slot="itemRender" 和 slot-scope="props"')]),s._v(" "),t("td",[s._v("({route, params, routes, paths}) => vNode")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("params")]),s._v(" "),t("td",[s._v("路由的参数")]),s._v(" "),t("td",[s._v("object")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("routes")]),s._v(" "),t("td",[s._v("router 的路由栈信息")]),s._v(" "),t("td",[s._v("object[]")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("-")])]),s._v(" "),t("tr",[t("td",[s._v("separator")]),s._v(" "),t("td",[s._v("分隔符自定义")]),s._v(" "),t("td",[s._v("string|slot")]),s._v(" "),t("td"),s._v(" "),t("td",[s._v("'/'")])])])]),s._v(" "),t("h3",{attrs:{id:"和-browserHistory-配合"}},[s._v("和 browserHistory 配合 "),t("a",{staticClass:"anchor",attrs:{href:"#和-browserHistory-配合"}},[s._v("#")])]),s._v(" "),t("p",[s._v("和 vue-router 一起使用时，默认生成的 url 路径是带有 "),t("code",{pre:!0},[s._v("#")]),s._v(" 的，如果和 browserHistory 一起使用的话，你可以使用 "),t("code",{pre:!0},[s._v("itemRender")]),s._v(" 属性定义面包屑链接。")]),s._v(" "),t("pre",{pre:!0},[t("code",{pre:!0,attrs:{"v-pre":"",class:"language-html"}},[t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-breadcrumb")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":routes")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"routes"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("slot")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"itemRender"')]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("slot-scope")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"{route, params, routes, paths}"')]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("span")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("v-if")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v('"routes.indexOf(route) === routes.length - 1"')]),s._v(">")]),s._v("\n "),t("span",[s._v("{{")]),s._v("route.breadcrumbName"),t("span",[s._v("}}")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("span")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("router-link")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("v-else")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v(":to")]),s._v("="),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("\"paths.join('/')\"")]),s._v(">")]),s._v("\n "),t("span",[s._v("{{")]),s._v("route.breadcrumbName"),t("span",[s._v("}}")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("router-link")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("a-breadcrumb")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("template")]),s._v(">")]),s._v("\n"),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("<"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),t("span",{pre:!0,attrs:{class:"javascript"}},[s._v("\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("export")]),s._v(" "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("default")]),s._v(" {\n data() {\n "),t("span",{pre:!0,attrs:{class:"hljs-keyword"}},[s._v("return")]),s._v(" {\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("routes")]),s._v(": [\n {\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("path")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'index'")]),s._v(",\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("breadcrumbName")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'首页'")]),s._v(",\n },\n {\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("path")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'first'")]),s._v(",\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("breadcrumbName")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'一级面包屑'")]),s._v(",\n },\n {\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("path")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'second'")]),s._v(",\n "),t("span",{pre:!0,attrs:{class:"hljs-attr"}},[s._v("breadcrumbName")]),s._v(": "),t("span",{pre:!0,attrs:{class:"hljs-string"}},[s._v("'当前页面'")]),s._v(",\n },\n ],\n };\n },\n };\n")]),t("span",{pre:!0,attrs:{class:"hljs-tag"}},[s._v("</"),t("span",{pre:!0,attrs:{class:"hljs-name"}},[s._v("script")]),s._v(">")]),s._v("\n")])])])}],!1,null,null,null);f.options.__file="components/breadcrumb/index.zh-CN.md";var A=f.exports,y="# Breadcrumb面包屑\n 显示当前页面在系统层级结构中的位置，并能向上返回。\n ## 何时使用\n - 当系统拥有超过两级以上的层级结构时；\n - 当需要告知用户『你在哪里』时；\n - 当需要向上导航的功能时。\n ## 代码演示\n ",w="# Breadcrumb\n A breadcrumb displays the current location within a hierarchy. It allows going back to states higher up in the hierarchy.\n ## When to use\n - When the system has more than two layers in a hierarchy.\n - When you need to inform the user of where they are.\n - When the user may need to navigate back to a higher level.\n - When the application has multi-layer architecture.\n ## Examples\n ",x={category:"Components",subtitle:"面包屑",type:"Navigation",zhType:"导航",title:"Breadcrumb",render:function(){var s=arguments[0];return s("div",[s("md",{attrs:{cn:y,us:w}}),s(l),s(p),s(m),s(u),s("api",[s(A,{slot:"cn"}),s(C)])])}},N=Object(r.a)(x,void 0,void 0,!1,null,null,null);N.options.__file="components/breadcrumb/demo/index.vue";a.default=N.exports}}]);
Reference in New Issue View Git Blame Copy Permalink