Laravel +Vue, How to get parameter of url in vue

Question

I have passed an id to the url ie. (http://127.0.0.1:8000/admin/article/32). Now i want to get that id in vue to fetch the data only of that id but i have no idea to get that id in vue

my vue script is down below

 <script>

        export default{

            data() {
                return{

                    articles : [],
                    article: {
                        id :'',
                        title : '',
                        body : '',
                        date :''
                    },
                    article_id: ''
                };
            },

            created() {
                this.fetchArticles();
            },

            methods: {
                fetchArticles() {
                    var page_url = 'http://127.0.0.1:8000/api/admin/article/'+ I want the parameter id here;
                    fetch(page_url)
                        .then(res => res.json())
                        .then(res => {

                            this.article = res.data;
                        })

                        .catch(err => console.log(err));
                }

            }
        };
    </script>

Shubham Patel · Accepted Answer · 2018-03-12 11:15:59Z

5

I am assuming you are not using vue-router.

You can use window.location property to get current url object.

You can get current id using var id = window.location.href.split('/').pop();

answered Mar 12, 2018 at 11:15

Shubham Patel

3,3091 gold badge26 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Laravel +Vue, How to get parameter of url in vue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related