亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

vue二級菜單導航點擊選中事件如何實現

發布時間:2022-11-18 09:32:04 來源:億速云 閱讀:123 作者:iii 欄目:開發技術

這篇文章主要介紹“vue二級菜單導航點擊選中事件如何實現”,在日常操作中,相信很多人在vue二級菜單導航點擊選中事件如何實現問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”vue二級菜單導航點擊選中事件如何實現”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

目標:一級導航點擊收縮展開,二級導航點擊選中

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>

vue是什么

Vue是一套用于構建用戶界面的漸進式JavaScript框架,Vue與其它大型框架的區別是,使用Vue可以自底向上逐層應用,其核心庫只關注視圖層,方便與第三方庫和項目整合,且使用Vue可以采用單文件組件和Vue生態系統支持的庫開發復雜的單頁應用。

到此,關于“vue二級菜單導航點擊選中事件如何實現”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續學習更多相關知識,請繼續關注億速云網站,小編會繼續努力為大家帶來更多實用的文章!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

vue
AI

黄大仙区| 延吉市| 固原市| 纳雍县| 井研县| 龙海市| 缙云县| 张北县| 临夏县| 石楼县| 平邑县| 贡嘎县| 抚顺市| 临邑县| 镇宁| 鸡东县| 黄石市| 思茅市| 孟村| 肥乡县| 灯塔市| 乐清市| 平度市| 三穗县| 宿州市| 龙江县| 天气| 麟游县| 昭通市| 中方县| 砀山县| 堆龙德庆县| 桐柏县| 杭州市| 拉萨市| 建阳市| 蓝田县| 壶关县| 常山县| 巫溪县| 曲麻莱县|