@ektx/v-breadcrumb

VBreadcrumb

vue.js 面包屑功能

使用

<tempalte>
  <div>
      <!-- 面包屑组件 浏览器跳转方式 -->
    <VBreadcrumb/>

    <!-- 面包屑组件 自定义跳转方式 -->
    <VBreadcrumb ref="vbreadcrumb" @:sendBreadCrumbEvt="emitBreadCrumbEvt"/>
    </div>
</tempalte>

<script>
import VBreadcrumb from '@ektx/v-breadcrumb'

export default {
    components: { VBreadcrumb },
    methods: {
        emitBreadCrumbEvt (data) {
            console.log(data) // => {url: '/home'}
        }
    }
}
</script>

说明

标签	说明
ref	用于自定义事件回调 id
@:sendBreadCrumbEvt	点击面包屑回调事件