前言
在elementUI中有一个面包屑导航,是怎样做到的,我们今天就写一下使用Vue3中学到的知识·封装一个自己写的插件。 # 开始啦!!
简单的封装
封装一个简易的面包屑组件,适用于两个场景,
大致的步骤是:
- 准备静态的基础结构代码,新建一个
bread.vue
的一个组件
代码如下:这是基础的布局
<template>
<div class='xtx-bread'>
<div class="xtx-bread-item">
<RouterLink to="/">首页</RouterLink>
</div>
<i class="iconfont icon-angle-right"></i>
<div class="xtx-bread-item">
<RouterLink to="/category/10000">电器</RouterLink>
</div>
<i class="iconfont icon-angle-right"></i>
<div class="xtx-bread-item">
<span>空调</span>
</div>
</div>
</template>
<script>
export default {
name: 'XtxBread'
}
</script>
<style scoped lang='