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

<ul class="sidebar-menu">
 <li class="treeNav" v-for="(item,index) in configNav">
 <a href="javascript: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.link" rel="external nofollow" 
 :class="{'active':nav.link == linkClick}"
 @click = "treeNavSwitch(nav)">
 {{nav.text}}</a>
 </li>
 </ul>
 </li> 
</ul>

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