码迷,mamicode.com
首页 > 其他好文 > 详细

vue+element 点击页面内跳转按钮 导航菜单选中

时间:2020-03-16 15:00:39      阅读:521      评论:0      收藏:0      [点我收藏+]

标签:页面   The   导航   color   dem   按钮   and   watch   work   

<template> 
  <el-menu 
    router
    theme="dark"
    :default-active="activeIndex"
    class="el-menu-demo"
    active-text-color="rgb(250,83,83)"
    mode="horizontal"
    @select="handleSelect"
  >
    <el-menu-item index="/">首页</el-menu-item> 
    <el-menu-item index="/Material"  >我要找</el-menu-item>
    <el-menu-item index="/Workbench" >工作台</el-menu-item>
  </el-menu> 
</template>
<script>
export default {
  data() {
    return {
      activeIndex: this.$route.path
    };
  },

  watch:{
    $route(to,from){
      this.activeIndex=to.path
    }
  },
  mounted(){

  },
  methods: { 
    handleSelect(key, keyPath) {
    }
  }
};
</script>

 

vue+element 点击页面内跳转按钮 导航菜单选中

标签:页面   The   导航   color   dem   按钮   and   watch   work   

原文地址:https://www.cnblogs.com/aknife/p/12503616.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!