欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue路由跳轉(zhuǎn)與接收參數(shù)的實現(xiàn)方式

 更新時間:2023年04月14日 09:22:02   作者:Tryharder1028  
這篇文章主要介紹了Vue路由跳轉(zhuǎn)與接收參數(shù)的實現(xiàn)方式,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下

一、路由跳轉(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(vue3)配置內(nèi)網(wǎng)ip訪問的方法步驟

    Vite是一個快速的構(gòu)建工具,Vue3是一個流行的JavaScript框架,下面這篇文章主要給大家介紹了關(guān)于vite(vue3)配置內(nèi)網(wǎng)ip訪問的方法步驟,文中通過圖文介紹的非常詳細,需要的朋友可以參考下
    2023-05-05
  • vue根據(jù)值給予不同class的實例

    vue根據(jù)值給予不同class的實例

    今天小編就為大家分享一篇vue根據(jù)值給予不同class的實例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2018-09-09
  • Vue中下載不同文件五種常用的方式

    Vue中下載不同文件五種常用的方式

    自己最近做項目的時候遇到需要下載文件的需求,索性這里給總結(jié)下,這篇文章主要給大家介紹了關(guān)于Vue中下載不同文件五種常用的方式,需要的朋友可以參考下
    2023-09-09
  • 詳解vue中v-model和v-bind綁定數(shù)據(jù)的異同

    詳解vue中v-model和v-bind綁定數(shù)據(jù)的異同

    這篇文章主要介紹了vue中v-model和v-bind綁定數(shù)據(jù)的異同,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2020-08-08
  • vue項目下,如何用命令直接修復(fù)ESLint報錯

    vue項目下,如何用命令直接修復(fù)ESLint報錯

    這篇文章主要介紹了vue項目下,如何用命令直接修復(fù)ESLint報錯,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04
  • vue使用Canvas在畫布上添加圖片方式

    vue使用Canvas在畫布上添加圖片方式

    這篇文章主要介紹了vue使用Canvas在畫布上添加圖片方式,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2023-04-04
  • Vue.js如何實現(xiàn)路由懶加載淺析

    Vue.js如何實現(xiàn)路由懶加載淺析

    Vue是可以自定義指令的,最近學(xué)習(xí)過程中遇見了一個需要懶加載的功能,發(fā)現(xiàn)網(wǎng)上這方面的資料較少,所以下面這篇文章主要給大家介紹了關(guān)于Vue.js如何實現(xiàn)路由懶加載的相關(guān)資料,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-08-08
  • 詳解Vue取消eslint語法限制

    詳解Vue取消eslint語法限制

    本篇文章給大家分享了Vue取消eslint語法限制的相關(guān)知識點內(nèi)容,有興趣的朋友們可以參考學(xué)習(xí)下。
    2018-08-08
  • 使用Element的InfiniteScroll 無限滾動組件報錯的解決

    使用Element的InfiniteScroll 無限滾動組件報錯的解決

    這篇文章主要介紹了使用Element的InfiniteScroll 無限滾動組件報錯的解決,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-07-07
  • vue項目中圖片懶加載時出現(xiàn)的問題及解決

    vue項目中圖片懶加載時出現(xiàn)的問題及解決

    這篇文章主要介紹了vue項目中圖片懶加載時出現(xiàn)的問題及解決方案,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-04-04

最新評論