面包屑----高亮问题

只谈情不闲聊 提交于 2019-11-29 06:17:46

刷新时也让菜单在此高亮(停留)

写一个方法,渲染完成后执行这个方法

<script>
export default {
        data(){
            return {
              allactive:''
            }
        },
        methods:{
              // 获取url地址并截取
                getUrl(){
                let currentUrl = window.location.href;
                this.allactive = currentUrl.split('/homeloanForunitek/')[1];
                console.log(this.allactive)      //food(一般为当前最后一级路由的名称)
                },
            },
            mounted(){
                this.getUrl()
            }
 }
</script>

在标签上写一个属性index,让其等于当前最后一级路由的名称

<router-link to="food"><el-menu-item index="food">菜单</el-menu-item></router-link>
<router-link to="foodplace"><el-menu-item index="foodplace"> 就餐场所</el-menu-item></router-link>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!