Vue JS - Get Query String Parameters Example

Posted by LaravelIndia - 3 months ago

Here, i will show you how to get url parameters in vue js. we can get query string params in vue js. we will get query string parameter using vue js route.

<!DOCTYPE html>
<html>
<head>
    <title>Vue JS - Get Query Parameters Example - pakainfo.com</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>

    <script src="https://unpkg.com/vue-router"></script>
</head>
<body>

<div id="app">

</div>

<script type="text/javascript">

  var router = new VueRouter({
    mode: 'history',
    routes: []
  });

  var myApp =  new Vue({
    router,
    el: '#app',
    mounted: function() {
        parameters = this.$route.query
        console.log(parameters)

        name = this.$route.query.name
        console.log(name)

    },
  });

</script>

</body>
</html>