91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

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

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

vue怎么實現導航

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

本文小編為大家詳細介紹“vue怎么實現導航”,內容詳細,步驟清晰,細節處理妥當,希望這篇“vue怎么實現導航”文章能幫助大家解決疑惑,下面跟著小編的思路慢慢深入,一起來學習新知識吧。

使用$route.path設置默認選中的導航,但是設置之后沒有什么效果,刷新時頁面依舊停留在原來位置,導航卻一個都沒有選中,查了半天資料也沒有找到答案,后來和網上的一個例子進行對比,發現

default-active="$route.path"

前面還需要添加綁定符號,如下:

:default-active="$route.path"

如此設置之后就可以實現導航和頁面同時變化了。

導航的完整代碼請看這里:

<template>
 <div id="app">
 <el-col :span="4">
  <el-menu :default-active="$route.path" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose"
    theme="dark"
    router>
  <el-menu-item index="/upload_img">圖片上傳</el-menu-item>
  <el-menu-item index="/upload_video">視頻上傳</el-menu-item>
  <el-menu-item index="/https">網絡請求</el-menu-item>
  <el-menu-item index="/other">其他</el-menu-item>
  </el-menu>
 </el-col>
 <router-view></router-view>
 </div>
</template>

Vue的優點

Vue具體輕量級框架、簡單易學、雙向數據綁定、組件化、數據和結構的分離、虛擬DOM、運行速度快等優勢,Vue中頁面使用的是局部刷新,不用每次跳轉頁面都要請求所有數據和dom,可以大大提升訪問速度和用戶體驗。

讀到這里,這篇“vue怎么實現導航”文章已經介紹完畢,想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會,如果想了解更多相關內容的文章,歡迎關注億速云行業資訊頻道。

向AI問一下細節

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

vue
AI

昌江| 汤原县| 睢宁县| 天柱县| 洪洞县| 渝北区| 衡阳市| 溆浦县| 宁晋县| 本溪市| 平谷区| 德江县| 镇雄县| 焉耆| 额敏县| 宣城市| 惠东县| 景宁| 兰溪市| 木兰县| 温州市| 吉木萨尔县| 淅川县| 新郑市| 绥化市| 多伦县| 旬阳县| 凤庆县| 中牟县| 巴彦淖尔市| 江都市| 通州区| 晴隆县| 沧州市| 东兴市| 扎鲁特旗| 区。| 海伦市| 安顺市| 石河子市| 内丘县|