Vue路由跳轉(zhuǎn)與接收參數(shù)的實現(xiàn)方式
一、路由跳轉(zhuǎn)四種方式 (帶參數(shù))
router-link
傳遞 <router-link :to="{ path: '/傳遞的頁面名', query: {id: item.id }, }"></router-link>
接收 頁面
2) this.$router.push() (函數(shù)里面調(diào)用)
es6模板字符串
模板字符串中嵌入變量,要將變量名寫在${}之中
模板字符串使用反單引號(backquote) ``
// 寫法一 var str = 'return ' + '`Hello ${name}!`'; var func = new Function('name', str); func('Amy'); // "Hello Amy!" // 寫法二 var str = '(name) => `Hello ${name}!`'; var func = eval.call(null, str); func('Amy'); // "Hello Amy!"
/course_plan/info/16/54
/course_plan/info/{課程計劃ID:pid}/{報名ID:psid}
url:course_plan/info/${pid}/${psid}
,
到此這篇關(guān)于Vue路由跳轉(zhuǎn)與接收參數(shù)的文章就介紹到這了,更多相關(guān)Vue路由跳轉(zhuǎn)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
vite(vue3)配置內(nèi)網(wǎng)ip訪問的方法步驟
Vite是一個快速的構(gòu)建工具,Vue3是一個流行的JavaScript框架,下面這篇文章主要給大家介紹了關(guān)于vite(vue3)配置內(nèi)網(wǎng)ip訪問的方法步驟,文中通過圖文介紹的非常詳細,需要的朋友可以參考下2023-05-05詳解vue中v-model和v-bind綁定數(shù)據(jù)的異同
這篇文章主要介紹了vue中v-model和v-bind綁定數(shù)據(jù)的異同,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-08-08使用Element的InfiniteScroll 無限滾動組件報錯的解決
這篇文章主要介紹了使用Element的InfiniteScroll 無限滾動組件報錯的解決,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07