Vue JS - Get Query String Parameters Example
Posted by LaravelIndia
- 4 years 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 - example.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>