组件 --BreadCrumb--面包屑

Posted voga

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了组件 --BreadCrumb--面包屑相关的知识,希望对你有一定的参考价值。

面包屑组件多用于导航栏,对于大型网站,做面包屑导航栏

.breadcrumb

.breadcrumb-item

.active:表示现在正处在该页面

效果截图:

技术分享图片

代码:

<nav>

   <ol class = "breadcrumb">

   <li class = "breadcrumb-item"><a href="#">Home</a></li>

   <li class = "breadcrumb-item"><a href="#">Library</a></li>

   <li class = "breadcrumb-item active">Data</li>

   </ol>

</nav>

 

以上是关于组件 --BreadCrumb--面包屑的主要内容,如果未能解决你的问题,请参考以下文章

vue---父组件监听子组件并获取子组件的值(子组件多个值)

【Flutter】多组件共用状态,父组件状态传递给子组件

React 子组件给父组件传值、整个组件、方法

父子组件

react 子组件调用父组件方法

父组件接收子组件事件的参数===子组件给父组件传值===子组件调用(绑定)父组件的方法