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