麪包屑----高亮問題

刷新時也讓菜單在此高亮(停留)

寫一個方法,渲染完成後執行這個方法

<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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章