效果
↓------------------------------------------------------------------------------------------------------------------------------------------------------------------
html代码:
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item
v-for="(item, index) in list[0].meta"
:key="index"
:to="item.url"
>
{
{ item.title }}
</el-breadcrumb-item>
</el-breadcrumb>
JS代码:
根据监听路由变化来动态绑定
methods: {
//如果用户重新刷新页面,因为页面刷新$route没有变化(监听不到)所以要在页面刚进入的时候判断一下当前路由路径(然后再一次渲染)
getMatched() {
this.list = this.$route.match