vue開發 獲取url後面的引數

2021-10-01 13:57:48 字數 667 閱讀 4745

}

獲取引數

let id = this.$route.params.id
備註:

1、引數名需要保持一致

2、如果路由中沒有傳參(會報錯,頁面無法顯示,正常頁面為 

如果有的引數可傳可不傳,可以使用?傳參

例如:獲取的時候:

let id = this.$route.query.id
這樣即使取不到引數,頁面也不會報錯

使用js獲取頁面引數

如果是在普通js檔案中,想獲取url後面的引數,可以新建乙個工具類,utils.js:

/* eslint-disable */

export default

}

在其他需要獲取引數的js中引入

import vue from 'vue'

import utils from '../../assets/scripts/utils'

// vue.prototype.$utils = utils // main.js中全域性引入

let id = utils.geturlkey('id')

console.log()

url為時,可以得到id為123

vue專案 工具類 獲取url後面的引數

使用方法 需要獲取什麼引數,就寫什麼 初始化呼叫 this geturlparam code 從url中獲取引數名為code的引數值 var secnevalueurl this getquerystring code 獲取url geturlparam paraname 例如 需要獲取url後面的...

js獲取url?號後面的引數

方法一 function getquerystring name 方法二 方法三 獲取指定的url引數值 url 引數 paramname url引數 呼叫方法 getparam name 返回值 tyler function getparam paramname return paramvalue...

在頁面獲取在url後面的引數

跳轉到login.jsp頁面的鏈結 var url window.location.href 獲取當前頁面的鏈結 window.location.href login.jsp?url encodeuricomponent url 傳遞的時候,帶位址傳遞過去 在login.jsp頁面 把uri獲取到,...