vue中如何不通過路由直接擷取url中的參數

標籤：export   傳遞   頁面   reg   from   也有   asc   null   建立   

前言：為什麼要不通過路由直接擷取url中的參數？

vue中使用路由的方式設定url參數，但是這種方式必須要在路徑中附帶參數，而且這個參數是需要在vue的路由中提前設定好的。

相對來說，在某些情況下直接在url後面拼接？mid=100的方式傳遞參數更靈活，你不需要設定路由，只需要在url後拼接參數即可，但是這種方式就需要通過javascript擷取並提取url中的參數，通過傳統的方式直接在頁面中擷取是行不通的了，因為vue中是無法通過location.search()來擷取url問號之後的內容的。當然，這個問題也有解決方案，就是把擷取參數的指令碼代碼註冊成全域方法就可以了。

第一步：建立utils.js檔案，並儲存到項目根目錄

1 export default{2     getUrlKey:function(name){3         return decodeURIComponent((new RegExp(‘[?|&]‘+name+‘=‘+‘([^&;]+?)(&|#|;|$)‘).exec(location.href)||[,""])[1].replace(/\+/g,‘%20‘))||null;4     }5 }

第二步：在主js方法（main.js)中註冊全域方法

import utils         from ‘./utils‘             //擷取url參數

Vue.prototype.$utils=utils            //註冊全域方法

第三步：vue檔案中引用方法

let channel=this.$utils.getUrlKey("channel")

vue中如何不通過路由直接擷取url中的參數