vue二级菜单导航点击选中事件的方法

<ul class="sidebar-menu">
 <li class="treeNav" v-for="(item,index) in configNav">
  <a href=" :void(0)" rel="external nofollow" @click="showToggle(index)">{{item.name}}</a>
  <ul :class="{'active' :index===isShow}">
   <li v-for = "nav in item.subItems">
    <a :href="nav. " rel="external nofollow" 
    :class="{'active':nav.  ==  Click}"
    @click = "treeNavSwitch(nav)">
    {{nav.text}}</a>
   </li>
  </ul>
 </li>    
</ul>

< >
 export default {
  data () {
   return {    
    isShow:0,
     Click:'',
    configNav:[
     { 
      name:'交换&路由',
      subItems:[
       {  :'#/callSource',text: '呼叫源',click:true },
       {  :'#/cancld',text: '号码分析' },
       {  :'#/route',text: '出局路由' }
      ]
     },
     { 
      name:'组织&资源',
      subItems:[
       {  :'#/org',text: '组织' },
       {  :'#/term',text: '终端' },
      ]
     }     
    ]   
   }
  },
  methods:{
   showToggle:function(index){ 
    this.isShow = index; 
   },
   treeNavSwitch:function(nav){
    this. Click = nav. ;
   }
  }
 }
</ >