Vue.js Abfrageparameter

Question

Wie kann ich Abfrageparameter in vue.js abrufen?

Kann ich keinen Weg finden oder muss ich pure JS oder eine Bibliothek dafür verwenden?

Answer 1

Gemäß den Dokumenten von haben Sie Zugriff auf ein $route Objekt von Ihren Komponenten, die offen legen, was Sie benötigen. In diesem Fall

//from your component 
console.log(this.$route.query.test) // outputs 'yay' 

Answer 2

Detailliertere Antwort, um den Neulingen von VueJs zu helfen.

<script src="https://unpkg.com/vue-router"></script> 
var router = new VueRouter({ 
    mode: 'history', 
    routes: [] 
}); 
var vm = new Vue({ 
    router, 
    el: '#app', 
    mounted: function() { 
     q = this.$route.query.q 
     console.log(q) 
    }, 
}); 

Answer 3

Ohne vue-Route, teilen Sie die URL

var vm = new Vue({ 
    .... 
    created() 
    { 
    let uri = window.location.href.split('?'); 
    if (uri.length == 2) 
    { 
     let vars = uri[1].split('&'); 
     let getVars = {}; 
     let tmp = ''; 
     vars.forEach(function(v){ 
     tmp = v.split('='); 
     if(tmp.length == 2) 
     getVars[tmp[0]] = tmp[1]; 
     }); 
     console.log(getVars); 
     // do 
    } 
    }, 
    updated(){ 
    }, 

Eine andere Lösung https://developer.mozilla.org/en-US/docs/Web/API/HTMLHyperlinkElementUtils/search:

var vm = new Vue({ 
    .... 
    created() 
    { 
    let uri = window.location.search.substring(1); 
    let params = new URLSearchParams(uri); 
    console.log(params.get("var_name")); 
    }, 
    updated(){ 
    },