### vue獲取參數 ``` export const urlPar = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null; } ``` 當vue的單頁應用部署到服務器中的時候的標配鏈接案例 ``` http://172.19.35.37:8081/zyglpt/front/index.html?user_id=9ffeb49b-1d50-4dcd-98e9-41702ae52057&greenhouse_id=0802&crop_id=029cd440-0ae9-4e89-8f9d-7421e0713947&aaa=11#/ ``` 當由其他頁面跳轉到vue的頁面的時候，就可以在生命周期創建的時候獲取參數。 ``` import {mapState,mapMutations} from 'vuex'; export default { name: "home", computed:mapState({ userInfo:state=>state.userInfo }), methods: { ...mapMutations([ 'changeId','changeGreenhouseId','changeCropId' ]), /*獲取數據*/ init() { this.changeId(urlPar('user_id')); this.changeGreenhouseId(urlPar('greenhouse_id')); this.changeCropId(urlPar('crop_id')); } }, created: function () { this.init() } } ```