Nuxt.js的路由跳轉(zhuǎn)操作(頁面跳轉(zhuǎn)nuxt-link)
更新時間：2020年11月06日 11:14:39 作者：qq_42208679
這篇文章主要介紹了Nuxt.js的路由跳轉(zhuǎn)操作(頁面跳轉(zhuǎn)nuxt-link)，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
路由跳轉(zhuǎn)代碼如下：
<ul>
<li><nuxt-link :to="{name:'index.vue'}">HOME page</nuxt-link></li>
<li><nuxt-link :to="{name:'new-new'}">NEWS page</nuxt-link></li>
<li><nuxt-link :to="{name:'plays-play'}">PLAY page</nuxt-link></li>
</ul>
注意說明：
to 前面有冒號“ : ”
to 后面跟的是路徑比如“/page/index”(可以跟字符串或?qū)ο?同上↑
補(bǔ)充知識：nuxt的 nuxt-link 有個坑
如果你跟著nuxt的案例走，記住 ，所以目錄 比如 PAGES 目錄 你最好小寫 pages 所有目錄都小寫
因為 當(dāng)你敲下面哪行代碼 時
<nuxt-link :to="{name: 'posts-id',params:{ id: post.id }}">{{ post.title }}</nuxt-link>
name其實(shí)指向的是路由，而路由死活區(qū)分大小寫的 注意 to后面區(qū)分大小寫?。?！
所以如果你目錄是 大寫的 PAGES
以上代碼要寫成
<nuxt-link :to="{name: 'POSTS-id',params:{ id: post.id }}">{{ post.title }}</nuxt-link>
以上這篇Nuxt.js的路由跳轉(zhuǎn)操作(頁面跳轉(zhuǎn)nuxt-link)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Vue3中的toRef和toRefs的區(qū)別和用法示例小結(jié)
toRef和toRefs可以用來復(fù)制reactive里面的屬性然后轉(zhuǎn)成 ref,它保留了響應(yīng)式,也保留了引用,也就是你從 reactive 復(fù)制過來的屬性進(jìn)行修改后,除了視圖會更新,原有 ractive 里面對應(yīng)的值也會跟著更新,本文介紹Vue3中toRef和toRefs的區(qū)別和用法,需要的朋友可以參考下2024-08-08
這篇文章主要介紹了Vue中$refs的用法，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2018-06-06
這篇文章主要介紹了淺談Vue初學(xué)之props的駝峰命名，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-07-07
這篇文章主要介紹了Vue中引入echarts的步驟及折線圖、柱狀圖常見配置項,需要的朋友可以參考下2023-11-11
這篇文章主要為大家展示了一個demo，即利用Vue和OpenLayer在地圖上面添加風(fēng)場效果，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以了解一下2022-04-04
這篇文章主要介紹了深入理解vue中的$set,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
vue實(shí)現(xiàn)新聞?wù)故卷摰牟襟E詳解
最近小編遇到這樣的需求，要實(shí)現(xiàn)一個新聞?wù)故卷摴δ?，剛接到這樣的需求還真是一頭霧水，不知從哪入手，今天小編通過實(shí)例代碼給大家介紹下vue實(shí)現(xiàn)新聞?wù)故卷摰牟襟E詳解，感興趣的朋友跟隨小編一起看看吧2019-04-04
Element-ui 自帶的兩種遠(yuǎn)程搜索(模糊查詢)用法講解
這篇文章主要介紹了Element-ui 自帶的兩種遠(yuǎn)程搜索(模糊查詢)用法講解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-01-01
vue項目前端加前綴(包括頁面及靜態(tài)資源)的操作方法
這篇文章主要介紹了vue項目前端加前綴(包括頁面及靜態(tài)資源)的操作方法,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-12-12
這篇文章主要介紹了Vue不能檢測到數(shù)據(jù)變化的幾種情況說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08